#ECB0AF

#ECB0AF

Color Values

HEX

#ECB0AF

RGB

236, 176, 175

HSL

1,0, 61,6%, 80,6%

HSV

1,0, 25,8%, 92,5%

CMYK

0,0%, 25,4%, 25,8%, 7,5%

OKLCH

0,8123 0,0705 19,8

Properties

Warm Light Nearest: rosybrown 2

Color Harmonies

Complementary

#ECB0AF

#AFEBEC

Analogous

#ECAFCD

#ECCFAF

#ECB0AF

Triadic

#ECB0AF

#AFECB0

#B0AFEC

Split Complementary

#ECB0AF

#AFECCF

#AFCDEC

Tetradic

#ECB0AF

#CDECAF

#AFEBEC

#CFAFEC

Color Blindness Simulation

Original

#ECB0AF

Protanopia

#D2D1AF

Deuteranopia

#D6DAAF

Tritanopia

#E9AFAF

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#FBF3F3
100
#F6E4E4
200
#F1C6C5
300
#E79D9C
400
#DB6867
500
#CE3431
600
#A52927
700
#84211F
800
#671A18
900
#4B1616
950
#300E0E

Contrast Checker

Text on white

1,84:1

AA Fail AAA Fail

Text on black

11,4: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