#F2F3D0

#F2F3D0

Color Values

HEX

#F2F3D0

RGB

242, 243, 208

HSL

61.7, 59.3%, 88.4%

HSV

61.7, 14.4%, 95.3%

CMYK

0.4%, 0.0%, 14.4%, 4.7%

OKLCH

0.9544 0.0457 108.6

Properties

Cool Light Nearest: lightyellow 2

Color Harmonies

Complementary

#F2F3D0

#D1D0F3

Analogous

#F3E2D0

#E0F3D0

#F2F3D0

Triadic

#F2F3D0

#D0F2F3

#F3D0F2

Split Complementary

#F2F3D0

#D0E0F3

#E2D0F3

Tetradic

#F2F3D0

#D0F3E2

#D1D0F3

#F3D0E0

Color Blindness Simulation

Original

#F2F3D0

Protanopia

#F2F2D8

Deuteranopia

#F2F2DA

Tritanopia

#F2DFE1

Achromatopsia

#F0F0F0

CSS Usage

background-color: #F2F3D0;
color: #F2F3D0;
border-color: #F2F3D0;
Nearest Tailwind: Amber 100 #FEF3C7

Tailwind Shades

50
#FBFBF3
100
#F6F6E4
200
#EFF0C6
300
#E4E69E
400
#D5D969
500
#C7CB34
600
#9FA22A
700
#7F8221
800
#63661A
900
#494A17
950
#2E2F0E

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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