#EDC655

#EDC655

Color Values

HEX

#EDC655

RGB

237, 198, 85

HSL

44.6, 80.9%, 63.1%

HSV

44.6, 64.1%, 92.9%

CMYK

0.0%, 16.5%, 64.1%, 7.1%

OKLCH

0.8396 0.137 90.0

Properties

Warm Light Nearest: Dandelion

Color Harmonies

Complementary

#EDC655

#557CED

Analogous

#ED7A55

#C8ED55

#EDC655

Triadic

#EDC655

#55EDC6

#C655ED

Split Complementary

#EDC655

#55C8ED

#7A55ED

Tetradic

#EDC655

#55ED7A

#557CED

#ED55C8

Color Blindness Simulation

Original

#EDC655

Protanopia

#DCDC70

Deuteranopia

#DEE177

Tritanopia

#EB868B

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#FDFAF2
100
#F9F3E1
200
#F8E9BE
300
#F3DA90
400
#EDC654
500
#E7B218
600
#B98E13
700
#947210
800
#73590C
900
#54420D
950
#352908

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

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