#EDC27C

#EDC27C

Color Values

HEX

#EDC27C

RGB

237, 194, 124

HSL

37.2, 75.8%, 70.8%

HSV

37.2, 47.7%, 92.9%

CMYK

0.0%, 18.1%, 47.7%, 7.1%

OKLCH

0.8367 0.1008 78.9

Properties

Warm Light Nearest: NCS S 0530-Y30R Apricot

Color Harmonies

Complementary

#EDC27C

#7CA7ED

Analogous

#ED8A7C

#DFED7C

#EDC27C

Triadic

#EDC27C

#7CEDC2

#C27CED

Split Complementary

#EDC27C

#7CDFED

#8A7CED

Tetradic

#EDC27C

#7CED8A

#7CA7ED

#ED7CDF

Color Blindness Simulation

Original

#EDC27C

Protanopia

#DADA8D

Deuteranopia

#DDE091

Tritanopia

#EB9A9D

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#FCF9F2
100
#F9F0E2
200
#F6E2C0
300
#F0CD93
400
#E8B259
500
#E0971F
600
#B37919
700
#8F6014
800
#704B0F
900
#52380F
950
#33240A

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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