#F2D450

#F2D450

Color Values

HEX

#F2D450

RGB

242, 212, 80

HSL

48.9, 86.2%, 63.1%

HSV

48.9, 66.9%, 94.9%

CMYK

0.0%, 12.4%, 66.9%, 5.1%

OKLCH

0.8718 0.1505 96.2

Properties

Warm Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#F2D450

#506EF2

Analogous

#F28350

#BFF250

#F2D450

Triadic

#F2D450

#50F2D4

#D450F2

Split Complementary

#F2D450

#50BFF2

#8350F2

Tetradic

#F2D450

#50F283

#506EF2

#F250BF

Color Blindness Simulation

Original

#F2D450

Protanopia

#E5E570

Deuteranopia

#E7E978

Tritanopia

#F0898F

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#FDFBF2
100
#FAF5E0
200
#FAEFBD
300
#F7E38D
400
#F2D44F
500
#EDC512
600
#BE9D0E
700
#987E0B
800
#776209
900
#56480B
950
#362E07

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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