#F2E7C4

#F2E7C4

Color Values

HEX

#F2E7C4

RGB

242, 231, 196

HSL

45.7, 63.9%, 85.9%

HSV

45.7, 19.0%, 94.9%

CMYK

0.0%, 4.5%, 19.0%, 5.1%

OKLCH

0.9278 0.0474 92.6

Properties

Warm Light Nearest: NCS S 0510-Y Light Yellow

Color Harmonies

Complementary

#F2E7C4

#C4CFF2

Analogous

#F2D0C4

#E6F2C4

#F2E7C4

Triadic

#F2E7C4

#C4F2E7

#E7C4F2

Split Complementary

#F2E7C4

#C4E6F2

#D0C4F2

Tetradic

#F2E7C4

#C4F2D0

#C4CFF2

#F2C4E6

Color Blindness Simulation

Original

#F2E7C4

Protanopia

#EDEDCC

Deuteranopia

#EEEFCE

Tritanopia

#F1D3D5

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#FCFAF3
100
#F7F2E3
200
#F2E7C4
300
#E9D69B
400
#DDC064
500
#D1AA2E
600
#A78825
700
#866D1D
800
#685517
900
#4C3F15
950
#30280D

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

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