#ECACB1

#ECACB1

Color Values

HEX

#ECACB1

RGB

236, 172, 177

HSL

355.3, 62.7%, 80.0%

HSV

355.3, 27.1%, 92.5%

CMYK

0.0%, 27.1%, 25.0%, 7.5%

OKLCH

0.8056 0.0755 13.7

Properties

Warm Light Nearest: rosybrown 2

Color Harmonies

Complementary

#ECACB1

#ACECE7

Analogous

#ECACD1

#ECC7AC

#ECACB1

Triadic

#ECACB1

#B1ECAC

#ACB1EC

Split Complementary

#ECACB1

#ACECC7

#ACD1EC

Tetradic

#ECACB1

#D1ECAC

#ACECE7

#C7ACEC

Color Blindness Simulation

Original

#ECACB1

Protanopia

#D0D0B0

Deuteranopia

#D4D9B0

Tritanopia

#E9AFAF

Achromatopsia

#BABABA

CSS Usage

background-color: #ECACB1;
color: #ECACB1;
border-color: #ECACB1;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FBF3F4
100
#F7E4E5
200
#F2C5C8
300
#E89BA1
400
#DC656F
500
#CF303C
600
#A62630
700
#851E26
800
#68181E
900
#4C1519
950
#300D10

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

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