#F2EACD

#F2EACD

Color Values

HEX

#F2EACD

RGB

242, 234, 205

HSL

47.0, 58.7%, 87.6%

HSV

47.0, 15.3%, 94.9%

CMYK

0.0%, 3.3%, 15.3%, 5.1%

OKLCH

0.9358 0.0391 94.3

Properties

Warm Light Nearest: NCS S 0510-Y Light Yellow

Color Harmonies

Complementary

#F2EACD

#CDD5F2

Analogous

#F2D7CD

#E7F2CD

#F2EACD

Triadic

#F2EACD

#CDF2EA

#EACDF2

Split Complementary

#F2EACD

#CDE7F2

#D7CDF2

Tetradic

#F2EACD

#CDF2D7

#CDD5F2

#F2CDE7

Color Blindness Simulation

Original

#F2EACD

Protanopia

#EFEED4

Deuteranopia

#EFF0D6

Tritanopia

#F2DADB

Achromatopsia

#EAEAEA

CSS Usage

background-color: #F2EACD;
color: #F2EACD;
border-color: #F2EACD;
Nearest Tailwind: Orange 100 #FFEDD5

Tailwind Shades

50
#FBFAF4
100
#F6F2E4
200
#F0E7C6
300
#E6D69E
400
#D8C069
500
#CAAA35
600
#A2882A
700
#816D22
800
#65551A
900
#4A3F17
950
#2F280E

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

17.43:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026