#FAEFF2

#FAEFF2

Color Values

HEX

#FAEFF2

RGB

250, 239, 242

HSL

343.6, 52.4%, 95.9%

HSV

343.6, 4.4%, 98.0%

CMYK

0.0%, 4.4%, 3.2%, 2.0%

OKLCH

0.9616 0.0125 358.8

Properties

Warm Light Nearest: lavenderblush

Color Harmonies

Complementary

#FAEFF2

#EFFAF7

Analogous

#FAEFF8

#FAF2EF

#FAEFF2

Triadic

#FAEFF2

#F2FAEF

#EFF2FA

Split Complementary

#FAEFF2

#EFFAF2

#EFF8FA

Tetradic

#FAEFF2

#F8FAEF

#EFFAF7

#F2EFFA

Color Blindness Simulation

Original

#FAEFF2

Protanopia

#F5F5F1

Deuteranopia

#F6F7F1

Tritanopia

#F9F1F1

Achromatopsia

#F2F2F2

CSS Usage

background-color: #FAEFF2;
color: #FAEFF2;
border-color: #FAEFF2;
Nearest Tailwind: Rose 50 #FFF1F2

Tailwind Shades

50
#FBF4F6
100
#F5E5EA
200
#EEC9D3
300
#E2A2B3
400
#D26F8A
500
#C23D61
600
#9B314E
700
#7C273E
800
#611E31
900
#471A26
950
#2D1018

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

18.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