#ECABAD

#ECABAD

Color Values

HEX

#ECABAD

RGB

236, 171, 173

HSL

358.2, 63.1%, 79.8%

HSV

358.2, 27.5%, 92.5%

CMYK

0.0%, 27.5%, 26.7%, 7.5%

OKLCH

0.8028 0.0767 16.9

Properties

Warm Light Nearest: rosybrown 2

Color Harmonies

Complementary

#ECABAD

#ABECEA

Analogous

#ECABCD

#ECCAAB

#ECABAD

Triadic

#ECABAD

#ADECAB

#ABADEC

Split Complementary

#ECABAD

#ABECCA

#ABCDEC

Tetradic

#ECABAD

#CDECAB

#ABECEA

#CAABEC

Color Blindness Simulation

Original

#ECABAD

Protanopia

#D0CFAD

Deuteranopia

#D4D8AC

Tritanopia

#E9ACAC

Achromatopsia

#B9B9B9

CSS Usage

background-color: #ECABAD;
color: #ECABAD;
border-color: #ECABAD;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FBF3F3
100
#F7E4E4
200
#F2C5C6
300
#E89B9D
400
#DC6569
500
#D02F34
600
#A62629
700
#851E21
800
#68181A
900
#4C1517
950
#300D0E

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

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