#f2cc5d HEX color information
| Color | HEX | RGB |
|---|---|---|
| #f2cc5d | RGB(242, 204, 93) |
Created at 02/24/2023 18:05
RGB values are RGB(242, 204, 93)
#f2cc5d color contains Red 94.9%, Green 80% and Blue 36.47%.
oklch(85.71% 0.1355 90.35)
#f2cc5d color contains Red 94.9%, Green 80% and Blue 36.47%.
oklch(85.71% 0.1355 90.35)
Color Names of #f2cc5d HEX code
≈ Cream Can
Classification of #f2cc5d color
#f2cc5d is Light and Warm Color Saturation 85%, lightness 66%.
Tint of Gold
Alternative colors of #f2cc5d
Opposite Color for #f2cc5d is #5d83f2
#f2cc5d Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #f2cc5d
cmyk
CMYK(0%, 16%, 62%, 5%)
Decimal
15912029
HEX
#f2cc5d
HSL
hsl(45, 85%, 66%)
HSLA
hsla(45, 85%, 66%, 1)
RGB
RGB(242, 204, 93)
RGBA
RGBA(242, 204, 93, 1)
Palettes for #f2cc5d color:
Below are examples of color palettes with the #f2cc5d HEX color
darkest color is #181409 from shades and lightest color is #fefaef from tints
Shades palette of #f2cc5d:
#dab854
#c2a34a
#a98f41
#917a38
#79662f
#615225
#493d1c
#302913
#181409
#000000
Tints palette of #f2cc5d:
#f3d16d
#f5d67d
#f6db8e
#f7e09e
#f9e6ae
#faebbe
#fbf0ce
#fcf5df
#fefaef
#ffffff
Complementary palette of #f2cc5d:
#f2cc5d
#5d83f2
Triadic palette of #f2cc5d:
#f2cc5d
#5df2cc
#cc5df2
Square palette of #f2cc5d:
#f2cc5d
#5df281
#5d83f2
#f25dce
Analogous palette of #f2cc5d:
#f2815d
#f2cc5d
#cdf25d
Split-Complementary palette of #f2cc5d:
#f2cc5d
#5dcef2
#815df2
Rectangle (tetradic) palette of #f2cc5d:
#f2cc5d
#83f25d
#5d83f2
#cc5df2
Suggested color palettes for #f2cc5d HEX:
Color palette with color #f2cc5d #1:
Color palette with color #f2cc5d #2:
Color palette with color #f2cc5d #3:
Color palette with color #f2cc5d #4:
Color palette with color #f2cc5d #5:
Color #f2cc5d used in palettes (1)
Color Contrast
Color pairings of #f2cc5d with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#f2cc5d
#f2cc5dContrast Ratio
1.54:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#f2cc5d
#f2cc5dContrast Ratio
13.57:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #f2cc5d color png
Visit the popular colors list for more colors