#FEF2B8

#FEF2B8

Color Values

HEX

#FEF2B8

RGB

254, 242, 184

HSL

49.7, 97.2%, 85.9%

HSV

49.7, 27.6%, 99.6%

CMYK

0.0%, 4.7%, 27.6%, 0.4%

OKLCH

0.9568 0.0751 97.8

Properties

Warm Light Nearest: palegoldenrod

Color Harmonies

Complementary

#FEF2B8

#B8C4FE

Analogous

#FECFB8

#E7FEB8

#FEF2B8

Triadic

#FEF2B8

#B8FEF2

#F2B8FE

Split Complementary

#FEF2B8

#B8E7FE

#CFB8FE

Tetradic

#FEF2B8

#B8FECF

#B8C4FE

#FEB8E7

Color Blindness Simulation

Original

#FEF2B8

Protanopia

#F9F9C6

Deuteranopia

#FAFAC9

Tritanopia

#FDD1D4

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#FEFCF1
100
#FCF7DE
200
#FEF2B9
300
#FDE986
400
#FCDD45
500
#FBD104
600
#C9A703
700
#A18602
800
#7E6802
900
#5B4C06
950
#393004

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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