#FEFCAD

#FEFCAD

Color Values

HEX

#FEFCAD

RGB

254, 252, 173

HSL

58.5, 97.6%, 83.7%

HSV

58.5, 31.9%, 99.6%

CMYK

0.0%, 0.8%, 31.9%, 0.4%

OKLCH

0.9747 0.099 106.9

Properties

Warm Light Nearest: Green Yellow

Color Harmonies

Complementary

#FEFCAD

#ADAFFE

Analogous

#FED3AD

#D7FEAD

#FEFCAD

Triadic

#FEFCAD

#ADFEFC

#FCADFE

Split Complementary

#FEFCAD

#ADD7FE

#D3ADFE

Tetradic

#FEFCAD

#ADFED3

#ADAFFE

#FEADD7

Color Blindness Simulation

Original

#FEFCAD

Protanopia

#FDFDC0

Deuteranopia

#FDFDC5

Tritanopia

#FECFD3

Achromatopsia

#F7F7F7

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCFBDE
200
#FEFCB8
300
#FEFB86
400
#FDF845
500
#FCF603
600
#CAC502
700
#A19D02
800
#7E7B02
900
#5B5906
950
#393804

Contrast Checker

Text on white

1.06:1

AA Fail AAA Fail

Text on black

19.74:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026