#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026