#EDBF80

#EDBF80

Color Values

HEX

#EDBF80

RGB

237, 191, 128

HSL

34.7, 75.2%, 71.6%

HSV

34.7, 46.0%, 92.9%

CMYK

0.0%, 19.4%, 46.0%, 7.1%

OKLCH

0.8315 0.096 74.6

Properties

Warm Light Nearest: NCS S 0530-Y30R Apricot

Color Harmonies

Complementary

#EDBF80

#80AEED

Analogous

#ED8980

#E5ED80

#EDBF80

Triadic

#EDBF80

#80EDBF

#BF80ED

Split Complementary

#EDBF80

#80E5ED

#8980ED

Tetradic

#EDBF80

#80ED89

#80AEED

#ED80E5

Color Blindness Simulation

Original

#EDBF80

Protanopia

#D9D98F

Deuteranopia

#DCDF93

Tritanopia

#EB9B9E

Achromatopsia

#C4C4C4

CSS Usage

background-color: #EDBF80;
color: #EDBF80;
border-color: #EDBF80;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FCF8F2
100
#F9EFE2
200
#F6E0C0
300
#F0C994
400
#E8AC5A
500
#DF8F20
600
#B37219
700
#8F5B14
800
#704710
900
#513610
950
#33220A

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

12.36:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026