#F7EFF2

#F7EFF2

Color Values

HEX

#F7EFF2

RGB

247, 239, 242

HSL

337.5, 33.3%, 95.3%

HSV

337.5, 3.2%, 96.9%

CMYK

0.0%, 3.2%, 2.0%, 3.1%

OKLCH

0.9592 0.0094 352.4

Properties

Warm Light Nearest: lavenderblush

Color Harmonies

Complementary

#F7EFF2

#EFF7F4

Analogous

#F7EFF6

#F7F0EF

#F7EFF2

Triadic

#F7EFF2

#F2F7EF

#EFF2F7

Split Complementary

#F7EFF2

#EFF7F0

#EFF6F7

Tetradic

#F7EFF2

#F6F7EF

#EFF7F4

#F0EFF7

Color Blindness Simulation

Original

#F7EFF2

Protanopia

#F4F3F1

Deuteranopia

#F4F5F1

Tritanopia

#F7F1F1

Achromatopsia

#F1F1F1

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F2E8EC
200
#E7CFD8
300
#D6ADBD
400
#C08199
500
#AA5575
600
#88445E
700
#6D364B
800
#552B3A
900
#3F222D
950
#28151C

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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