#f5cf56 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #f5cf56 | RGB(245, 207, 86) |
Created at 02/21/2023 04:38
RGB values are RGB(245, 207, 86)
#f5cf56 color contains Red 96.08%, Green 81.18% and Blue 33.73%.
oklch(86.52% 0.1434 91.58)
#f5cf56 color contains Red 96.08%, Green 81.18% and Blue 33.73%.
oklch(86.52% 0.1434 91.58)
Color Names of #f5cf56 HEX code
≈ Cream Can
Classification of #f5cf56 color
#f5cf56 is Light and Warm Color Saturation 89%, lightness 65%.
Tint of Gold
Alternative colors of #f5cf56
Opposite Color for #f5cf56 is #567cf5
#f5cf56 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #f5cf56
cmyk
CMYK(0%, 16%, 65%, 4%)
Decimal
16109398
HEX
#f5cf56
HSL
hsl(46, 89%, 65%)
HSLA
hsla(46, 89%, 65%, 1)
RGB
RGB(245, 207, 86)
RGBA
RGBA(245, 207, 86, 1)
Palettes for #f5cf56 color:
Below are examples of color palettes with the #f5cf56 HEX color
darkest color is #181509 from shades and lightest color is #fefaee from tints
Shades palette of #f5cf56:
#ddba4d
#c4a645
#ac913c
#937c34
#7b682b
#625322
#4a3e1a
#312911
#181509
#000000
Tints palette of #f5cf56:
#f6d467
#f7d978
#f8dd89
#f9e29a
#fae7ab
#fbecbb
#fcf1cc
#fdf5dd
#fefaee
#ffffff
Complementary palette of #f5cf56:
#f5cf56
#567cf5
Triadic palette of #f5cf56:
#f5cf56
#56f5cf
#cf56f5
Square palette of #f5cf56:
#f5cf56
#56f57f
#567cf5
#f556cc
Analogous palette of #f5cf56:
#f57f56
#f5cf56
#ccf556
Split-Complementary palette of #f5cf56:
#f5cf56
#56ccf5
#7f56f5
Rectangle (tetradic) palette of #f5cf56:
#f5cf56
#7cf556
#567cf5
#cf56f5
Suggested color palettes for #f5cf56 HEX:
Color palette with color #f5cf56 #1:
Color palette with color #f5cf56 #2:
Color palette with color #f5cf56 #3:
Color palette with color #f5cf56 #4:
Color palette with color #f5cf56 #5:
Color #f5cf56 used in palettes (1)
Color Contrast
Color pairings of #f5cf56 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#f5cf56
#f5cf56Contrast Ratio
1.5:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#f5cf56
#f5cf56Contrast Ratio
13.94:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #f5cf56 color png
Visit the popular colors list for more colors