#ECAFAB

#ECAFAB

Color Values

HEX

#ECAFAB

RGB

236, 175, 171

HSL

3,7, 63,1%, 79,8%

HSV

3,7, 27,5%, 92,5%

CMYK

0,0%, 25,8%, 27,5%, 7,5%

OKLCH

0,8095 0,0721 23,0

Properties

Warm Light Nearest: rosybrown 2

Color Harmonies

Complementary

#ECAFAB

#ABE8EC

Analogous

#ECABC7

#ECCFAB

#ECAFAB

Triadic

#ECAFAB

#ABECAF

#AFABEC

Split Complementary

#ECAFAB

#ABECCF

#ABC7EC

Tetradic

#ECAFAB

#C7ECAB

#ABE8EC

#CFABEC

Color Blindness Simulation

Original

#ECAFAB

Protanopia

#D2D1AC

Deuteranopia

#D5DAAC

Tritanopia

#E9ADAD

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#FBF4F3
100
#F7E5E4
200
#F2C8C5
300
#E8A09B
400
#DC6C65
500
#D0392F
600
#A62E26
700
#85241E
800
#681C18
900
#4C1815
950
#300F0D

Contrast Checker

Text on white

1,86:1

AA Fail AAA Fail

Text on black

11,29:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026