#f0ca55 HEX color information

Color HEX RGB
#f0ca55 RGB(240, 202, 85)
  1
Created at 10/31/2024 10:53

Classification of #f0ca55 color

#f0ca55 is Light and Warm Color Saturation 84%, lightness 64%.
Shade of Gold
RGB values are RGB(240, 202, 85)
#f0ca55 color contains Red 94.12%, Green 79.22% and Blue 33.33%.
oklch(85.04% 0.14 91.04)

Color Names of #f0ca55 HEX code

≈ Cream Can
Opposite Color for #f0ca55 is #557bf0

#f0ca55 Color Conversion

Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #f0ca55

cmyk
CMYK(0%, 16%, 65%, 6%)
Decimal
15780437
HEX
#f0ca55
HSL
hsl(45, 84%, 64%)
HSLA
hsla(45, 84%, 64%, 1)
RGB
RGB(240, 202, 85)
RGBA
RGBA(240, 202, 85, 1)

Palettes for #f0ca55 color:

Below are examples of color palettes with the #f0ca55 HEX color

darkest color is #181408 from shades and lightest color is #fefaee from tints

Shades palette of #f0ca55:
#d8b64d
#c0a244
#a88d3b
#907933
#78652b
#605122
#483d1a
#302811
#181408
#000000
Tints palette of #f0ca55:
#f2cf66
#f3d577
#f5da88
#f6df99
#f8e5aa
#f9eabb
#fbefcc
#fcf4dd
#fefaee
#ffffff
Complementary palette of #f0ca55:
#f0ca55
#557bf0
Triadic palette of #f0ca55:
#f0ca55
#55f0ca
#ca55f0
Square palette of #f0ca55:
#f0ca55
#55f07c
#557bf0
#f055c9
Analogous palette of #f0ca55:
#f07c55
#f0ca55
#c9f055
Split-Complementary palette of #f0ca55:
#f0ca55
#55c9f0
#7c55f0
Rectangle (tetradic) palette of #f0ca55:
#f0ca55
#7bf055
#557bf0
#ca55f0

Suggested color palettes for #f0ca55 HEX:

Color palette with color #f0ca55 #1:
Color palette with color #f0ca55 #2:
Color palette with color #f0ca55 #3:
Color palette with color #f0ca55 #4:
Color palette with color #f0ca55 #5:

Color #f0ca55 used in palettes (1)

Color Contrast

Color pairings of #f0ca55 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.

#f0ca55
#f0ca55
Contrast Ratio
1.58:1
SizeAA-levelAAA-level
Large text:
Small text:
#f0ca55
#f0ca55
Contrast Ratio
13.28:1
SizeAA-levelAAA-level
Large text:
Small text:

Image #f0ca55 color png