#ECCC55

#ECCC55

Color Values

HEX

#ECCC55

RGB

236, 204, 85

HSL

47,3, 79,9%, 62,9%

HSV

47,3, 64,0%, 92,5%

CMYK

0,0%, 13,6%, 64,0%, 7,5%

OKLCH

0,8506 0,1406 94,1

Properties

Warm Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#ECCC55

#5575EC

Analogous

#EC8055

#C0EC55

#ECCC55

Triadic

#ECCC55

#55ECCC

#CC55EC

Split Complementary

#ECCC55

#55C0EC

#8055EC

Tetradic

#ECCC55

#55EC80

#5575EC

#EC55C0

Color Blindness Simulation

Original

#ECCC55

Protanopia

#DEDE72

Deuteranopia

#E0E279

Tritanopia

#EA898E

Achromatopsia

#CACACA

CSS Usage

background-color: #ECCC55;
color: #ECCC55;
border-color: #ECCC55;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FDFAF2
100
#F9F4E1
200
#F8ECBF
300
#F3DE91
400
#ECCC55
500
#E5BA1A
600
#B79515
700
#937710
800
#735D0D
900
#53450E
950
#352B09

Contrast Checker

Text on white

1,57:1

AA Fail AAA Fail

Text on black

13,33:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026