#FAFFF2

#FAFFF2

Color Values

HEX

#FAFFF2

RGB

250, 255, 242

HSL

83,1, 100,0%, 97,5%

HSV

83,1, 5,1%, 100,0%

CMYK

2,0%, 0,0%, 5,1%, 0,0%

OKLCH

0,9927 0,0178 124,0

Properties

Cool Light Nearest: ivory

Color Harmonies

Complementary

#FAFFF2

#F7F2FF

Analogous

#FFFEF2

#F4FFF2

#FAFFF2

Triadic

#FAFFF2

#F2FAFF

#FFF2FA

Split Complementary

#FAFFF2

#F2F4FF

#FEF2FF

Tetradic

#FAFFF2

#F2FFFE

#F7F2FF

#FFF2F4

Color Blindness Simulation

Original

#FAFFF2

Protanopia

#FCFCF5

Deuteranopia

#FCFCF6

Tritanopia

#FAF8F8

Achromatopsia

#FDFDFD

CSS Usage

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

Tailwind Shades

50
#F9FEF1
100
#F1FCDE
200
#E4FFB8
300
#D0FF85
400
#B6FF42
500
#9DFF00
600
#7DCC00
700
#64A300
800
#4E8000
900
#3A5C05
950
#253A03

Contrast Checker

Text on white

1,02:1

AA Fail AAA Fail

Text on black

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