#EFC252

#EFC252

Color Values

HEX

#EFC252

RGB

239, 194, 82

HSL

42.8, 83.1%, 62.9%

HSV

42.8, 65.7%, 93.7%

CMYK

0.0%, 18.8%, 65.7%, 6.3%

OKLCH

0.8334 0.1376 86.9

Properties

Warm Light Nearest: NCS S 1050-Y20R Golden

Color Harmonies

Complementary

#EFC252

#527FEF

Analogous

#EF7352

#CDEF52

#EFC252

Triadic

#EFC252

#52EFC2

#C252EF

Split Complementary

#EFC252

#52CDEF

#7352EF

Tetradic

#EFC252

#52EF73

#527FEF

#EF52CD

Color Blindness Simulation

Original

#EFC252

Protanopia

#DCDB6D

Deuteranopia

#DEE174

Tritanopia

#ED8387

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#FDFAF2
100
#FAF3E1
200
#F9E8BE
300
#F5D78F
400
#EFC252
500
#E9AD16
600
#BB8A11
700
#956F0E
800
#75560B
900
#55400C
950
#352808

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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