#ECDFE2

#ECDFE2

Color Values

HEX

#ECDFE2

RGB

236, 223, 226

HSL

346,2, 25,5%, 90,0%

HSV

346,2, 5,5%, 92,5%

CMYK

0,0%, 5,5%, 4,2%, 7,5%

OKLCH

0,9148 0,0147 1,6

Properties

Warm Light Nearest: lavenderblush 2

Color Harmonies

Complementary

#ECDFE2

#DFECE9

Analogous

#ECDFE8

#ECE3DF

#ECDFE2

Triadic

#ECDFE2

#E2ECDF

#DFE2EC

Split Complementary

#ECDFE2

#DFECE3

#DFE8EC

Tetradic

#ECDFE2

#E8ECDF

#DFECE9

#E3DFEC

Color Blindness Simulation

Original

#ECDFE2

Protanopia

#E6E6E1

Deuteranopia

#E7E8E1

Tritanopia

#EBE1E1

Achromatopsia

#E2E2E2

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1E9EB
200
#E4D2D6
300
#D1B2B9
400
#B98994
500
#A05F6E
600
#804C58
700
#663D46
800
#502F37
900
#3C252A
950
#26181B

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