#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