#EBC372

#EBC372

Color Values

HEX

#EBC372

RGB

235, 195, 114

HSL

40,2, 75,2%, 68,4%

HSV

40,2, 51,5%, 92,2%

CMYK

0,0%, 17,0%, 51,5%, 7,8%

OKLCH

0,8352 0,1098 83,8

Properties

Warm Light Nearest: NCS S 0530-Y30R Apricot

Color Harmonies

Complementary

#EBC372

#729AEB

Analogous

#EB8672

#D6EB72

#EBC372

Triadic

#EBC372

#72EBC3

#C372EB

Split Complementary

#EBC372

#72D6EB

#8672EB

Tetradic

#EBC372

#72EB86

#729AEB

#EB72D6

Color Blindness Simulation

Original

#EBC372

Protanopia

#DAD986

Deuteranopia

#DCDF8A

Tritanopia

#E99598

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#FCF9F2
100
#F9F1E2
200
#F6E4C0
300
#F0D194
400
#E8B95A
500
#DFA020
600
#B38019
700
#8F6614
800
#705010
900
#513C10
950
#33260A

Contrast Checker

Text on white

1,67:1

AA Fail AAA Fail

Text on black

12,58: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