#FFF2FC

#FFF2FC

Color Values

HEX

#FFF2FC

RGB

255, 242, 252

HSL

313,8, 100,0%, 97,5%

HSV

313,8, 5,1%, 100,0%

CMYK

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

OKLCH

0,9741 0,0191 333,5

Properties

Warm Light Nearest: lavenderblush

Color Harmonies

Complementary

#FFF2FC

#F2FFF5

Analogous

#FCF2FF

#FFF2F6

#FFF2FC

Triadic

#FFF2FC

#FCFFF2

#F2FCFF

Split Complementary

#FFF2FC

#F6FFF2

#F2FFFC

Tetradic

#FFF2FC

#FFFCF2

#F2FFF5

#F2F6FF

Color Blindness Simulation

Original

#FFF2FC

Protanopia

#F9F9FA

Deuteranopia

#FAFBF9

Tritanopia

#FEF8F7

Achromatopsia

#F5F5F5

CSS Usage

background-color: #FFF2FC;
color: #FFF2FC;
border-color: #FFF2FC;
Nearest Tailwind: Fuchsia 50 #FDF4FF

Tailwind Shades

50
#FEF1FB
100
#FCDEF5
200
#FFB8EF
300
#FF85E3
400
#FF42D4
500
#FF00C4
600
#CC009D
700
#A3007E
800
#800062
900
#5C0548
950
#3A032D

Contrast Checker

Text on white

1,08:1

AA Fail AAA Fail

Text on black

19,36:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026