#ECDFE1

#ECDFE1

Color Values

HEX

#ECDFE1

RGB

236, 223, 225

HSL

350,8, 25,5%, 90,0%

HSV

350,8, 5,5%, 92,5%

CMYK

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

OKLCH

0,9146 0,0145 6,7

Properties

Warm Light Nearest: lavenderblush 2

Color Harmonies

Complementary

#ECDFE1

#DFECEA

Analogous

#ECDFE7

#ECE4DF

#ECDFE1

Triadic

#ECDFE1

#E1ECDF

#DFE1EC

Split Complementary

#ECDFE1

#DFECE4

#DFE7EC

Tetradic

#ECDFE1

#E7ECDF

#DFECEA

#E4DFEC

Color Blindness Simulation

Original

#ECDFE1

Protanopia

#E6E6E1

Deuteranopia

#E7E8E0

Tritanopia

#EBE0E0

Achromatopsia

#E2E2E2

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1E9EA
200
#E4D2D5
300
#D1B2B7
400
#B98990
500
#A05F69
600
#804C54
700
#663D43
800
#502F34
900
#3C2529
950
#26181A

Contrast Checker

Text on white

1,3:1

AA Fail AAA Fail

Text on black

16,21:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026