#F2D557

#F2D557

Color Values

HEX

#F2D557

RGB

242, 213, 87

HSL

48.8, 85.6%, 64.5%

HSV

48.8, 64.0%, 94.9%

CMYK

0.0%, 12.0%, 64.0%, 5.1%

OKLCH

0.8744 0.1462 96.2

Properties

Warm Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#F2D557

#5774F2

Analogous

#F28857

#C1F257

#F2D557

Triadic

#F2D557

#57F2D5

#D557F2

Split Complementary

#F2D557

#57C1F2

#8857F2

Tetradic

#F2D557

#57F288

#5774F2

#F257C1

Color Blindness Simulation

Original

#F2D557

Protanopia

#E5E575

Deuteranopia

#E7E97D

Tritanopia

#F18E93

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#FDFBF2
100
#FAF5E0
200
#FAEEBD
300
#F6E38D
400
#F1D350
500
#EDC412
600
#BD9D0F
700
#977D0C
800
#766209
900
#56480B
950
#362D07

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

14.43: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