#FFFEF2

#FFFEF2

Color Values

HEX

#FFFEF2

RGB

255, 254, 242

HSL

55,4, 100,0%, 97,5%

HSV

55,4, 5,1%, 100,0%

CMYK

0,0%, 0,4%, 5,1%, 0,0%

OKLCH

0,9945 0,0158 102,8

Properties

Warm Light Nearest: ivory

Color Harmonies

Complementary

#FFFEF2

#F2F3FF

Analogous

#FFF8F2

#FAFFF2

#FFFEF2

Triadic

#FFFEF2

#F2FFFE

#FEF2FF

Split Complementary

#FFFEF2

#F2FAFF

#F8F2FF

Tetradic

#FFFEF2

#F2FFF8

#F2F3FF

#FFF2FA

Color Blindness Simulation

Original

#FFFEF2

Protanopia

#FFFFF5

Deuteranopia

#FFFFF6

Tritanopia

#FFF7F8

Achromatopsia

#FDFDFD

CSS Usage

background-color: #FFFEF2;
color: #FFFEF2;
border-color: #FFFEF2;
Nearest Tailwind: Amber 50 #FFFBEB

Tailwind Shades

50
#FEFDF1
100
#FCFADE
200
#FFFAB8
300
#FFF685
400
#FFF142
500
#FFEB00
600
#CCBC00
700
#A39700
800
#807600
900
#5C5505
950
#3A3603

Contrast Checker

Text on white

1,01:1

AA Fail AAA Fail

Text on black

20,71: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