#ECAEB4

#ECAEB4

Color Values

HEX

#ECAEB4

RGB

236, 174, 180

HSL

354.2, 62.0%, 80.4%

HSV

354.2, 26.3%, 92.5%

CMYK

0.0%, 26.3%, 23.7%, 7.5%

OKLCH

0.81 0.073 12.4

Properties

Warm Light Nearest: rosybrown 2

Color Harmonies

Complementary

#ECAEB4

#AEECE6

Analogous

#ECAED3

#ECC7AE

#ECAEB4

Triadic

#ECAEB4

#B4ECAE

#AEB4EC

Split Complementary

#ECAEB4

#AEECC7

#AED3EC

Tetradic

#ECAEB4

#D3ECAE

#AEECE6

#C7AEEC

Color Blindness Simulation

Original

#ECAEB4

Protanopia

#D1D1B3

Deuteranopia

#D5D9B2

Tritanopia

#E9B1B1

Achromatopsia

#BCBCBC

CSS Usage

background-color: #ECAEB4;
color: #ECAEB4;
border-color: #ECAEB4;
Nearest Tailwind: Red 200 #FECACA

Tailwind Shades

50
#FBF3F4
100
#F7E4E6
200
#F1C5C9
300
#E89CA3
400
#DB6671
500
#CF3040
600
#A52733
700
#841F29
800
#671820
900
#4B151B
950
#300E11

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

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