#FFF7FA

#FFF7FA

Color Values

HEX

#FFF7FA

RGB

255, 247, 250

HSL

337.5, 100.0%, 98.4%

HSV

337.5, 3.1%, 100.0%

CMYK

0.0%, 3.1%, 2.0%, 0.0%

OKLCH

0.9832 0.0094 352.4

Properties

Warm Light Nearest: snow

Color Harmonies

Complementary

#FFF7FA

#F7FFFC

Analogous

#FFF7FE

#FFF8F7

#FFF7FA

Triadic

#FFF7FA

#FAFFF7

#F7FAFF

Split Complementary

#FFF7FA

#F7FFF8

#F7FEFF

Tetradic

#FFF7FA

#FEFFF7

#F7FFFC

#F8F7FF

Color Blindness Simulation

Original

#FFF7FA

Protanopia

#FCFBF9

Deuteranopia

#FCFDF9

Tritanopia

#FFF9F9

Achromatopsia

#F9F9F9

CSS Usage

background-color: #FFF7FA;
color: #FFF7FA;
border-color: #FFF7FA;
Nearest Tailwind: Pink 50 #FDF2F8

Tailwind Shades

50
#FEF1F6
100
#FCDEE9
200
#FFB8D2
300
#FF85B2
400
#FF4289
500
#FF0060
600
#CC004D
700
#A3003D
800
#800030
900
#5C0526
950
#3A0318

Contrast Checker

Text on white

1.05:1

AA Fail AAA Fail

Text on black

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