#F0D552

#F0D552

Color Values

HEX

#F0D552

RGB

240, 213, 82

HSL

49.7, 84.0%, 63.1%

HSV

49.7, 65.8%, 94.1%

CMYK

0.0%, 11.2%, 65.8%, 5.9%

OKLCH

0.8722 0.1497 97.5

Properties

Warm Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#F0D552

#526DF0

Analogous

#F08652

#BCF052

#F0D552

Triadic

#F0D552

#52F0D5

#D552F0

Split Complementary

#F0D552

#52BCF0

#8652F0

Tetradic

#F0D552

#52F086

#526DF0

#F052BC

Color Blindness Simulation

Original

#F0D552

Protanopia

#E4E472

Deuteranopia

#E6E879

Tritanopia

#EF8B90

Achromatopsia

#D1D1D1

CSS Usage

background-color: #F0D552;
color: #F0D552;
border-color: #F0D552;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FDFBF2
100
#FAF6E0
200
#F9EFBD
300
#F5E48E
400
#F0D551
500
#EBC614
600
#BC9E10
700
#967F0D
800
#75630A
900
#55490C
950
#362E07

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

14.34:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026