Created at 03/21/2023 13:49
#f2cd6c HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #f2cd6c | RGB(242, 205, 108) |
RGB values are RGB(242, 205, 108)
#f2cd6c color contain Red 94.9%, Green 80.39% and Blue 42.35%.
oklch(86.08% 0.1233 88.81)
#f2cd6c color contain Red 94.9%, Green 80.39% and Blue 42.35%.
oklch(86.08% 0.1233 88.81)
Classification of #f2cd6c color
#f2cd6c is Light and Warm Color Saturation 84%, lightness 69%.
Tint of Khaki
Alternative colors of #f2cd6c
Opposite Color for #f2cd6c is #6e93f2
#f2cd6c Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #f2cd6c
Decimal
15912300
HEX
#f2cd6c
HSL
hsl(43, 84%, 69%)
HSLA
hsla(43, 84%, 69%, 1)
RGB
RGB(242, 205, 108)
RGBA
RGBA(242, 205, 108, 1)
Palettes for #f2cd6c color:
Below examples of color palettes for #f2cd6c HEX color
darkest color is #18140b from shades and lightest color is #fefaf0 from tints
Shades palette of #f2cd6c:
#dab961
#c2a456
#a9904c
#917b41
#796736
#61522b
#493e20
#302916
#18140b
#000000
Tints palette of #f2cd6c:
#f3d27b
#f5d789
#f6dc98
#f7e1a7
#f9e6b6
#faebc4
#fbf0d3
#fcf5e2
#fefaf0
#ffffff
Complementary palette of #f2cd6c:
#f2cd6e
#6e93f2
Triadic palette of #f2cd6c:
#f2cd6e
#6ef2cd
#cd6ef2
Square palette of #f2cd6c:
#f2cd6e
#6ef28a
#f26ed6
#6e93f2
Analogous palette of #f2cd6c:
#f28a6e
#f2cd6e
Split-Complementary palette of #f2cd6c:
#f2cd6e
#f28a6e
Rectangle (tetradic) palette of #f2cd6c:
#f2cd6e
#6ef28a
#f26ed6
#6ed6f2
Suggested colors palettes for #f2cd6c HEX:
Colors palette with color #f2cd6c #1:
Colors palette with color #f2cd6c #2:
Colors palette with color #f2cd6c #3:
Colors palette with color #f2cd6c #4:
Colors palette with color #f2cd6c #5:
Color #f2cd6c used in palettes (1)
Color Contrast
Color pairings #f2cd6c with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#f2cd6c
#f2cd6c Contrast Ratio
1.53:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#f2cd6c
#f2cd6c Contrast Ratio
13.72:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #f2cd6c color png
Visit the popular colors list for more colors