#EDBF55

#EDBF55

Color Values

HEX

#EDBF55

RGB

237, 191, 85

HSL

41.8, 80.9%, 63.1%

HSV

41.8, 64.1%, 92.9%

CMYK

0.0%, 19.4%, 64.1%, 7.1%

OKLCH

0.8259 0.1333 85.5

Properties

Warm Light Nearest: NCS S 1050-Y20R Golden

Color Harmonies

Complementary

#EDBF55

#5583ED

Analogous

#ED7355

#CFED55

#EDBF55

Triadic

#EDBF55

#55EDBF

#BF55ED

Split Complementary

#EDBF55

#55CFED

#7355ED

Tetradic

#EDBF55

#55ED73

#5583ED

#ED55CF

Color Blindness Simulation

Original

#EDBF55

Protanopia

#D9D96F

Deuteranopia

#DCDF75

Tritanopia

#EB8387

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#FDF9F2
100
#F9F2E1
200
#F8E7BE
300
#F3D590
400
#EDBF54
500
#E7A818
600
#B98613
700
#946C10
800
#73540C
900
#543E0D
950
#352708

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

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