#F2D150

#F2D150

Color Values

HEX

#F2D150

RGB

242, 209, 80

HSL

47.8, 86.2%, 63.1%

HSV

47.8, 66.9%, 94.9%

CMYK

0.0%, 13.6%, 66.9%, 5.1%

OKLCH

0.8658 0.1485 94.6

Properties

Warm Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#F2D150

#5071F2

Analogous

#F28050

#C2F250

#F2D150

Triadic

#F2D150

#50F2D1

#D150F2

Split Complementary

#F2D150

#50C2F2

#8050F2

Tetradic

#F2D150

#50F280

#5071F2

#F250C2

Color Blindness Simulation

Original

#F2D150

Protanopia

#E4E36F

Deuteranopia

#E6E877

Tritanopia

#F0888D

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#FDFBF2
100
#FAF5E0
200
#FAEEBD
300
#F7E18D
400
#F2D14F
500
#EDC112
600
#BE9A0E
700
#987B0B
800
#776009
900
#56470B
950
#362D07

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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