#FEFD99

#FEFD99

Color Values

HEX

#FEFD99

RGB

254, 253, 153

HSL

59.4, 98.1%, 79.8%

HSV

59.4, 39.8%, 99.6%

CMYK

0.0%, 0.4%, 39.8%, 0.4%

OKLCH

0.9735 0.1223 108.0

Properties

Warm Light Nearest: Canary

Color Harmonies

Complementary

#FEFD99

#999AFE

Analogous

#FECA99

#CDFE99

#FEFD99

Triadic

#FEFD99

#99FEFD

#FD99FE

Split Complementary

#FEFD99

#99CDFE

#CA99FE

Tetradic

#FEFD99

#99FECA

#999AFE

#FE99CD

Color Blindness Simulation

Original

#FEFD99

Protanopia

#FEFEB1

Deuteranopia

#FEFEB7

Tritanopia

#FEC4C8

Achromatopsia

#F6F6F6

CSS Usage

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

Tailwind Shades

50
#FEFEF1
100
#FCFCDE
200
#FEFEB8
300
#FEFD86
400
#FDFB44
500
#FDFA02
600
#CAC802
700
#A2A002
800
#7E7D01
900
#5B5A06
950
#3A3904

Contrast Checker

Text on white

1.06:1

AA Fail AAA Fail

Text on black

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