#FBFFF2

#FBFFF2

Color Values

HEX

#FBFFF2

RGB

251, 255, 242

HSL

78.5, 100.0%, 97.5%

HSV

78.5, 5.1%, 100.0%

CMYK

1.6%, 0.0%, 5.1%, 0.0%

OKLCH

0.9935 0.0175 120.7

Properties

Cool Light Nearest: ivory

Color Harmonies

Complementary

#FBFFF2

#F6F2FF

Analogous

#FFFDF2

#F5FFF2

#FBFFF2

Triadic

#FBFFF2

#F2FBFF

#FFF2FB

Split Complementary

#FBFFF2

#F2F5FF

#FDF2FF

Tetradic

#FBFFF2

#F2FFFD

#F6F2FF

#FFF2F5

Color Blindness Simulation

Original

#FBFFF2

Protanopia

#FDFDF5

Deuteranopia

#FCFCF6

Tritanopia

#FBF8F8

Achromatopsia

#FDFDFD

CSS Usage

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

Tailwind Shades

50
#FAFEF1
100
#F3FCDE
200
#E9FFB8
300
#D9FF85
400
#C5FF42
500
#B0FF00
600
#8DCC00
700
#71A300
800
#588000
900
#415C05
950
#293A03

Contrast Checker

Text on white

1.02:1

AA Fail AAA Fail

Text on black

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