Created at 03/02/2023 05:19
#f0cc6e HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #f0cc6e | RGB(240, 204, 110) |
RGB values are RGB(240, 204, 110)
#f0cc6e color contain Red 94.12%, Green 80% and Blue 43.14%.
oklch(85.72% 0.1203 88.81)
#f0cc6e color contain Red 94.12%, Green 80% and Blue 43.14%.
oklch(85.72% 0.1203 88.81)
Classification of #f0cc6e color
#f0cc6e is Light and Warm Color Saturation 81%, lightness 69%.
Tint of Khaki
Alternative colors of #f0cc6e
Opposite Color for #f0cc6e is #7094f0
#f0cc6e Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #f0cc6e
Decimal
15780974
HEX
#f0cc6e
HSL
hsl(43, 81%, 69%)
HSLA
hsla(43, 81%, 69%, 1)
RGB
RGB(240, 204, 110)
RGBA
RGBA(240, 204, 110, 1)
Palettes for #f0cc6e color:
Below examples of color palettes for #f0cc6e HEX color
darkest color is #18140b from shades and lightest color is #fefaf1 from tints
Shades palette of #f0cc6e:
#d8b863
#c0a358
#a88f4d
#907a42
#786637
#60522c
#483d21
#302916
#18140b
#000000
Tints palette of #f0cc6e:
#f2d17d
#f3d68b
#f5db9a
#f6e0a8
#f8e6b7
#f9ebc5
#fbf0d4
#fcf5e2
#fefaf1
#ffffff
Complementary palette of #f0cc6e:
#f0cc70
#7094f0
Triadic palette of #f0cc6e:
#f0cc70
#70f0cc
#cc70f0
Square palette of #f0cc6e:
#f0cc70
#70f08c
#f070d4
#7094f0
Analogous palette of #f0cc6e:
#f08c70
#f0cc70
Split-Complementary palette of #f0cc6e:
#f0cc70
#f08c70
Rectangle (tetradic) palette of #f0cc6e:
#f0cc70
#70f08c
#f070d4
#70d4f0
Suggested colors palettes for #f0cc6e HEX:
Colors palette with color #f0cc6e #1:
Colors palette with color #f0cc6e #2:
Colors palette with color #f0cc6e #3:
Colors palette with color #f0cc6e #4:
Colors palette with color #f0cc6e #5:
Color #f0cc6e used in palettes (1)
Color Contrast
Color pairings #f0cc6e with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#f0cc6e
#f0cc6e Contrast Ratio
1.54:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#f0cc6e
#f0cc6e Contrast Ratio
13.56:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #f0cc6e color png
Visit the popular colors list for more colors