#EFE676

#EFE676

Color Values

HEX

#EFE676

RGB

239, 230, 118

HSL

55.5, 79.1%, 70.0%

HSV

55.5, 50.6%, 93.7%

CMYK

0.0%, 3.8%, 50.6%, 6.3%

OKLCH

0.9096 0.1343 104.6

Properties

Warm Light Nearest: Yellow

Color Harmonies

Complementary

#EFE676

#767FEF

Analogous

#EFA976

#BCEF76

#EFE676

Triadic

#EFE676

#76EFE6

#E676EF

Split Complementary

#EFE676

#76BCEF

#A976EF

Tetradic

#EFE676

#76EFA9

#767FEF

#EF76BC

Color Blindness Simulation

Original

#EFE676

Protanopia

#EBEB91

Deuteranopia

#ECEC98

Tritanopia

#EFA7AB

Achromatopsia

#E0E0E0

CSS Usage

background-color: #EFE676;
color: #EFE676;
border-color: #EFE676;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FCFCF2
100
#F9F7E1
200
#F8F3BF
300
#F2EB91
400
#EBE056
500
#E4D51B
600
#B7AB15
700
#928811
800
#726B0D
900
#534E0E
950
#343109

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

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