#FEF7CF

#FEF7CF

Color Values

HEX

#FEF7CF

RGB

254, 247, 207

HSL

51.1, 95.9%, 90.4%

HSV

51.1, 18.5%, 99.6%

CMYK

0.0%, 2.8%, 18.5%, 0.4%

OKLCH

0.9715 0.0523 99.1

Properties

Warm Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#FEF7CF

#CFD6FE

Analogous

#FEE0CF

#EDFECF

#FEF7CF

Triadic

#FEF7CF

#CFFEF7

#F7CFFE

Split Complementary

#FEF7CF

#CFEDFE

#E0CFFE

Tetradic

#FEF7CF

#CFFEE0

#CFD6FE

#FECFED

Color Blindness Simulation

Original

#FEF7CF

Protanopia

#FBFBD9

Deuteranopia

#FBFCDB

Tritanopia

#FEE0E2

Achromatopsia

#F6F6F6

CSS Usage

background-color: #FEF7CF;
color: #FEF7CF;
border-color: #FEF7CF;
Nearest Tailwind: Amber 100 #FEF3C7

Tailwind Shades

50
#FEFCF1
100
#FCF7DF
200
#FEF3B9
300
#FCEB87
400
#FBE046
500
#FAD505
600
#C8AB04
700
#A08903
800
#7D6B03
900
#5A4E07
950
#393104

Contrast Checker

Text on white

1.08:1

AA Fail AAA Fail

Text on black

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