#F2DFCE

#F2DFCE

Color Values

HEX

#F2DFCE

RGB

242, 223, 206

HSL

28.3, 58.1%, 87.8%

HSV

28.3, 14.9%, 94.9%

CMYK

0.0%, 7.9%, 14.9%, 5.1%

OKLCH

0.9145 0.031 64.3

Properties

Warm Light Nearest: Almond

Color Harmonies

Complementary

#F2DFCE

#CEE1F2

Analogous

#F2CECF

#F2F1CE

#F2DFCE

Triadic

#F2DFCE

#CEF2DF

#DFCEF2

Split Complementary

#F2DFCE

#CEF2F1

#CECFF2

Tetradic

#F2DFCE

#CFF2CE

#CEE1F2

#F1CEF2

Color Blindness Simulation

Original

#F2DFCE

Protanopia

#EAEAD2

Deuteranopia

#EBECD3

Tritanopia

#F1D5D6

Achromatopsia

#E2E2E2

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F6EDE4
200
#F0DAC7
300
#E5C09E
400
#D79E6A
500
#CA7B35
600
#A1632B
700
#814F22
800
#653E1B
900
#4A2F17
950
#2F1E0F

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

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