#ECB5B6

#ECB5B6

Color Values

HEX

#ECB5B6

RGB

236, 181, 182

HSL

358.9, 59.1%, 81.8%

HSV

358.9, 23.3%, 92.5%

CMYK

0.0%, 23.3%, 22.9%, 7.5%

OKLCH

0.8233 0.0641 17.3

Properties

Warm Light Nearest: rosybrown 2

Color Harmonies

Complementary

#ECB5B6

#B5ECEB

Analogous

#ECB5D2

#ECD0B5

#ECB5B6

Triadic

#ECB5B6

#B6ECB5

#B5B6EC

Split Complementary

#ECB5B6

#B5ECD0

#B5D2EC

Tetradic

#ECB5B6

#D2ECB5

#B5ECEB

#D0B5EC

Color Blindness Simulation

Original

#ECB5B6

Protanopia

#D4D4B6

Deuteranopia

#D7DCB6

Tritanopia

#E9B6B6

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#FBF4F4
100
#F6E4E5
200
#F0C6C7
300
#E69E9F
400
#D8696B
500
#CB3437
600
#A22A2C
700
#822123
800
#651A1B
900
#4A1718
950
#2F0E0F

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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