#F2DF92

#F2DF92

Color Values

HEX

#F2DF92

RGB

242, 223, 146

HSL

48.1, 78.7%, 76.1%

HSV

48.1, 39.7%, 94.9%

CMYK

0.0%, 7.9%, 39.7%, 5.1%

OKLCH

0.902 0.0988 95.9

Properties

Warm Light Nearest: NCS S 0530-Y Medium Yellow

Color Harmonies

Complementary

#F2DF92

#92A5F2

Analogous

#F2AF92

#D5F292

#F2DF92

Triadic

#F2DF92

#92F2DF

#DF92F2

Split Complementary

#F2DF92

#92D5F2

#AF92F2

Tetradic

#F2DF92

#92F2AF

#92A5F2

#F292D5

Color Blindness Simulation

Original

#F2DF92

Protanopia

#EAEAA5

Deuteranopia

#EBECA9

Tritanopia

#F1B3B7

Achromatopsia

#DDDDDD

CSS Usage

background-color: #F2DF92;
color: #F2DF92;
border-color: #F2DF92;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FCFAF2
100
#F9F4E1
200
#F7ECBF
300
#F2DF92
400
#EBCD56
500
#E4BC1B
600
#B69616
700
#927811
800
#725E0E
900
#53450E
950
#342C09

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

15.75:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026