#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026