#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