#f5b159 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #f5b159 | RGB(245, 177, 89) |
Created at 02/24/2023 11:14
Classification of #f5b159 color
#f5b159 is Light and Warm Color Saturation 89%, lightness 65%.
Tint of Orange
RGB values are RGB(245, 177, 89)
#f5b159 color contains Red 96.08%, Green 69.41% and Blue 34.9%.
oklch(80.79% 0.1309 71.06)
#f5b159 color contains Red 96.08%, Green 69.41% and Blue 34.9%.
oklch(80.79% 0.1309 71.06)
Color Names of #f5b159 HEX code
≈ Casablanca
Alternative colors of #f5b159
Opposite Color for #f5b159 is #599df5
#f5b159 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #f5b159
cmyk
CMYK(0%, 28%, 64%, 4%)
Decimal
16101721
HEX
#f5b159
HSL
hsl(34, 89%, 65%)
HSLA
hsla(34, 89%, 65%, 1)
RGB
RGB(245, 177, 89)
RGBA
RGBA(245, 177, 89, 1)
Palettes for #f5b159 color:
Below examples of color palettes for #f5b159 HEX color
darkest color is #181209 from shades and lightest color is #fef7ee from tints
Shades palette of #f5b159:
#dd9f50
#c48e47
#ac7c3e
#936a35
#7b592d
#624724
#4a351b
#312312
#181209
#000000
Tints palette of #f5b159:
#f6b96a
#f7c17a
#f8c88b
#f9d09b
#fad8ac
#fbe0bd
#fce8cd
#fdefde
#fef7ee
#ffffff
Complementary palette of #f5b159:
#f5b159
#599df5
Triadic palette of #f5b159:
#f5b159
#59f5b1
#b159f5
Square palette of #f5b159:
#f5b159
#59f563
#599df5
#f559eb
Analogous palette of #f5b159:
#f56359
#f5b159
#ebf559
Split-Complementary palette of #f5b159:
#f5b159
#59ebf5
#6359f5
Rectangle (tetradic) palette of #f5b159:
#f5b159
#9df559
#599df5
#b159f5
Suggested color palettes for #f5b159 HEX:
Color palette with color #f5b159 #1:
Color palette with color #f5b159 #2:
Color palette with color #f5b159 #3:
Color palette with color #f5b159 #4:
Color palette with color #f5b159 #5:
Color #f5b159 used in palettes (1)
Color Contrast
Color pairings #f5b159 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#f5b159
#f5b159 Contrast Ratio
1.85:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#f5b159
#f5b159 Contrast Ratio
11.31:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #f5b159 color png
Visit the popular colors list for more colors