#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026