#EFC653

#EFC653

Color Values

HEX

#EFC653

RGB

239, 198, 83

HSL

44.2, 83.0%, 63.1%

HSV

44.2, 65.3%, 93.7%

CMYK

0.0%, 17.2%, 65.3%, 6.3%

OKLCH

0.8414 0.139 89.3

Properties

Warm Light Nearest: Dandelion

Color Harmonies

Complementary

#EFC653

#537CEF

Analogous

#EF7853

#CAEF53

#EFC653

Triadic

#EFC653

#53EFC6

#C653EF

Split Complementary

#EFC653

#53CAEF

#7853EF

Tetradic

#EFC653

#53EF78

#537CEF

#EF53CA

Color Blindness Simulation

Original

#EFC653

Protanopia

#DDDD6F

Deuteranopia

#E0E376

Tritanopia

#ED858A

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#FDFAF2
100
#FAF3E1
200
#F9E9BE
300
#F5DA8F
400
#EFC652
500
#E9B216
600
#BB8E11
700
#95720E
800
#75590B
900
#55420C
950
#352908

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

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