#FAF3F7

#FAF3F7

Color Values

HEX

#FAF3F7

RGB

250, 243, 247

HSL

325.7, 41.2%, 96.7%

HSV

325.7, 2.8%, 98.0%

CMYK

0.0%, 2.8%, 1.2%, 2.0%

OKLCH

0.9707 0.0091 341.8

Properties

Warm Light Nearest: lavenderblush

Color Harmonies

Complementary

#FAF3F7

#F3FAF6

Analogous

#FAF3FA

#FAF3F4

#FAF3F7

Triadic

#FAF3F7

#F7FAF3

#F3F7FA

Split Complementary

#FAF3F7

#F4FAF3

#F3FAFA

Tetradic

#FAF3F7

#FAFAF3

#F3FAF6

#F3F4FA

Color Blindness Simulation

Original

#FAF3F7

Protanopia

#F7F7F6

Deuteranopia

#F7F8F6

Tritanopia

#FAF5F5

Achromatopsia

#F5F5F5

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E7EE
200
#EACDDD
300
#DBA9C5
400
#C87AA6
500
#B44B87
600
#903C6C
700
#733056
800
#5A2544
900
#421E33
950
#2A1320

Contrast Checker

Text on white

1.09:1

AA Fail AAA Fail

Text on black

19.23:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026