#FEF475

#FEF475

Color Values

HEX

#FEF475

RGB

254, 244, 117

HSL

55.6, 98.6%, 72.7%

HSV

55.6, 53.9%, 99.6%

CMYK

0.0%, 3.9%, 53.9%, 0.4%

OKLCH

0.9505 0.1482 104.7

Properties

Warm Light Nearest: khaki 1

Color Harmonies

Complementary

#FEF475

#757FFE

Analogous

#FEAF75

#C3FE75

#FEF475

Triadic

#FEF475

#75FEF4

#F475FE

Split Complementary

#FEF475

#75C3FE

#AF75FE

Tetradic

#FEF475

#75FEAF

#757FFE

#FE75C3

Color Blindness Simulation

Original

#FEF475

Protanopia

#FAFA94

Deuteranopia

#FAFB9B

Tritanopia

#FDACB1

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCFADE
200
#FFF9B8
300
#FEF585
400
#FEF044
500
#FDEB02
600
#CBBC01
700
#A29601
800
#7F7501
900
#5B5505
950
#3A3603

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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