#ECC5AF

#ECC5AF

Color Values

HEX

#ECC5AF

RGB

236, 197, 175

HSL

21.6, 61.6%, 80.6%

HSV

21.6, 25.8%, 92.5%

CMYK

0.0%, 16.5%, 25.8%, 7.5%

OKLCH

0.8515 0.0537 51.1

Properties

Warm Light Nearest: Desert Sand

Color Harmonies

Complementary

#ECC5AF

#AFD6EC

Analogous

#ECAFB8

#ECE3AF

#ECC5AF

Triadic

#ECC5AF

#AFECC5

#C5AFEC

Split Complementary

#ECC5AF

#AFECE3

#AFB8EC

Tetradic

#ECC5AF

#B8ECAF

#AFD6EC

#E3AFEC

Color Blindness Simulation

Original

#ECC5AF

Protanopia

#DBDBB4

Deuteranopia

#DDE0B6

Tritanopia

#EAB9B9

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#FBF6F3
100
#F6EBE4
200
#F1D5C5
300
#E7B79C
400
#DB9067
500
#CE6A31
600
#A55427
700
#84441F
800
#673518
900
#4B2916
950
#301A0E

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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