#FBF7FE

#FBF7FE

Color Values

HEX

#FBF7FE

RGB

251, 247, 254

HSL

274.3, 77.8%, 98.2%

HSV

274.3, 2.8%, 99.6%

CMYK

1.2%, 2.8%, 0.0%, 0.4%

OKLCH

0.9812 0.0101 311.2

Properties

Cool Light Nearest: ghostwhite

Color Harmonies

Complementary

#FBF7FE

#FAFEF7

Analogous

#F7F7FE

#FEF7FD

#FBF7FE

Triadic

#FBF7FE

#FEFBF7

#F7FEFB

Split Complementary

#FBF7FE

#FDFEF7

#F7FEF7

Tetradic

#FBF7FE

#FEF7F7

#FAFEF7

#F7FDFE

Color Blindness Simulation

Original

#FBF7FE

Protanopia

#F9F9FC

Deuteranopia

#FAFAFC

Tritanopia

#FBFBFB

Achromatopsia

#F8F8F8

CSS Usage

background-color: #FBF7FE;
color: #FBF7FE;
border-color: #FBF7FE;
Nearest Tailwind: Purple 50 #FAF5FF

Tailwind Shades

50
#F8F2FC
100
#EFE1F9
200
#DFC0F7
300
#C992F1
400
#AB57EA
500
#8E1CE3
600
#7117B5
700
#5B1291
800
#470E71
900
#350F52
950
#220934

Contrast Checker

Text on white

1.06:1

AA Fail AAA Fail

Text on black

19.84:1

AA Pass AAA Pass

Part of These Collections

Radix UI Colors

Purple 2

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