#ECE2DE

#ECE2DE

Color Values

HEX

#ECE2DE

RGB

236, 226, 222

HSL

17.1, 26.9%, 89.8%

HSV

17.1, 5.9%, 92.5%

CMYK

0.0%, 4.2%, 5.9%, 7.5%

OKLCH

0.9196 0.0122 43.3

Properties

Warm Light Nearest: seashell 2

Color Harmonies

Complementary

#ECE2DE

#DEE8EC

Analogous

#ECDEE1

#ECE9DE

#ECE2DE

Triadic

#ECE2DE

#DEECE2

#E2DEEC

Split Complementary

#ECE2DE

#DEECE9

#DEE1EC

Tetradic

#ECE2DE

#E1ECDE

#DEE8EC

#E9DEEC

Color Blindness Simulation

Original

#ECE2DE

Protanopia

#E8E8DF

Deuteranopia

#E8E9DF

Tritanopia

#ECE0E0

Achromatopsia

#E4E4E4

CSS Usage

background-color: #ECE2DE;
color: #ECE2DE;
border-color: #ECE2DE;
Nearest Tailwind: Stone 200 #E7E5E4

Tailwind Shades

50
#F9F7F6
100
#F1EBE9
200
#E5D7D2
300
#D2BBB1
400
#BA9687
500
#A2715D
600
#815A4B
700
#68483C
800
#51382F
900
#3C2B25
950
#261B17

Contrast Checker

Text on white

1.27:1

AA Fail AAA Fail

Text on black

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