#FAFEF4

#FAFEF4

Color Values

HEX

#FAFEF4

RGB

250, 254, 244

HSL

84.0, 83.3%, 97.6%

HSV

84.0, 3.9%, 99.6%

CMYK

1.6%, 0.0%, 3.9%, 0.4%

OKLCH

0.9913 0.0138 124.5

Properties

Cool Light Nearest: ivory

Color Harmonies

Complementary

#FAFEF4

#F8F4FE

Analogous

#FEFDF4

#F5FEF4

#FAFEF4

Triadic

#FAFEF4

#F4FAFE

#FEF4FA

Split Complementary

#FAFEF4

#F4F5FE

#FDF4FE

Tetradic

#FAFEF4

#F4FEFD

#F8F4FE

#FEF4F5

Color Blindness Simulation

Original

#FAFEF4

Protanopia

#FCFCF6

Deuteranopia

#FCFBF7

Tritanopia

#FAF8F9

Achromatopsia

#FCFCFC

CSS Usage

background-color: #FAFEF4;
color: #FAFEF4;
border-color: #FAFEF4;
Nearest Tailwind: Green 50 #F0FDF4

Tailwind Shades

50
#F8FDF2
100
#F0FAE1
200
#E1F9BE
300
#CCF58F
400
#B0EF52
500
#95EA15
600
#77BB11
700
#5F960E
800
#4A750B
900
#38550C
950
#233608

Contrast Checker

Text on white

1.02:1

AA Fail AAA Fail

Text on black

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