#ECB0AD

#ECB0AD

Color Values

HEX

#ECB0AD

RGB

236, 176, 173

HSL

2,9, 62,4%, 80,2%

HSV

2,9, 26,7%, 92,5%

CMYK

0,0%, 25,4%, 26,7%, 7,5%

OKLCH

0,8118 0,0707 22,0

Properties

Warm Light Nearest: rosybrown 2

Color Harmonies

Complementary

#ECB0AD

#ADE9EC

Analogous

#ECADC9

#ECD0AD

#ECB0AD

Triadic

#ECB0AD

#ADECB0

#B0ADEC

Split Complementary

#ECB0AD

#ADECD0

#ADC9EC

Tetradic

#ECB0AD

#C9ECAD

#ADE9EC

#D0ADEC

Color Blindness Simulation

Original

#ECB0AD

Protanopia

#D2D1AE

Deuteranopia

#D6DAAE

Tritanopia

#E9AEAE

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#FBF4F3
100
#F7E5E4
200
#F2C7C5
300
#E89F9C
400
#DC6B66
500
#CF3830
600
#A62D26
700
#85241F
800
#681C18
900
#4C1815
950
#300F0D

Contrast Checker

Text on white

1,85:1

AA Fail AAA Fail

Text on black

11,38: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