#F2E4D3

#F2E4D3

Color Values

HEX

#F2E4D3

RGB

242, 228, 211

HSL

32.9, 54.4%, 88.8%

HSV

32.9, 12.8%, 94.9%

CMYK

0.0%, 5.8%, 12.8%, 5.1%

OKLCH

0.9255 0.0274 72.8

Properties

Warm Light Nearest: Almond

Color Harmonies

Complementary

#F2E4D3

#D3E1F2

Analogous

#F2D4D3

#F0F2D3

#F2E4D3

Triadic

#F2E4D3

#D3F2E4

#E4D3F2

Split Complementary

#F2E4D3

#D3F0F2

#D4D3F2

Tetradic

#F2E4D3

#D3F2D4

#D3E1F2

#F2D3F0

Color Blindness Simulation

Original

#F2E4D3

Protanopia

#ECECD7

Deuteranopia

#EDEED8

Tritanopia

#F1DADB

Achromatopsia

#E6E6E6

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EEE5
200
#EFDDC8
300
#E3C5A1
400
#D4A66D
500
#C5863A
600
#9D6B2F
700
#7E5625
800
#62431D
900
#483319
950
#2E2010

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

16.81:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026