#FEF9AC

#FEF9AC

Color Values

HEX

#FEF9AC

RGB

254, 249, 172

HSL

56,3, 97,6%, 83,5%

HSV

56,3, 32,3%, 99,6%

CMYK

0,0%, 2,0%, 32,3%, 0,4%

OKLCH

0,9685 0,0967 104,9

Properties

Warm Light Nearest: Green Yellow

Color Harmonies

Complementary

#FEF9AC

#ACB1FE

Analogous

#FED0AC

#DAFEAC

#FEF9AC

Triadic

#FEF9AC

#ACFEF9

#F9ACFE

Split Complementary

#FEF9AC

#ACDAFE

#D0ACFE

Tetradic

#FEF9AC

#ACFED0

#ACB1FE

#FEACDA

Color Blindness Simulation

Original

#FEF9AC

Protanopia

#FCFCBF

Deuteranopia

#FCFCC3

Tritanopia

#FECDD1

Achromatopsia

#F5F5F5

CSS Usage

background-color: #FEF9AC;
color: #FEF9AC;
border-color: #FEF9AC;
Nearest Tailwind: Yellow 100 #FEF9C3

Tailwind Shades

50
#FEFDF1
100
#FCFADE
200
#FEFAB8
300
#FEF686
400
#FDF145
500
#FCED03
600
#CABD02
700
#A19702
800
#7E7602
900
#5B5606
950
#393604

Contrast Checker

Text on white

1,08:1

AA Fail AAA Fail

Text on black

19,36: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