#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