#F8D3FA

#F8D3FA

Color Values

HEX

#F8D3FA

RGB

248, 211, 250

HSL

296.9, 79.6%, 90.4%

HSV

296.9, 15.6%, 98.0%

CMYK

0.8%, 15.6%, 0.0%, 2.0%

OKLCH

0.9097 0.0656 324.5

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#F8D3FA

#D5FAD3

Analogous

#E5D3FA

#FAD3E9

#F8D3FA

Triadic

#F8D3FA

#FAF8D3

#D3FAF8

Split Complementary

#F8D3FA

#E9FAD3

#D3FAE5

Tetradic

#F8D3FA

#FAE5D3

#D5FAD3

#D3E9FA

Color Blindness Simulation

Original

#F8D3FA

Protanopia

#E8E8F1

Deuteranopia

#EAEDEE

Tritanopia

#F6E9E7

Achromatopsia

#DEDEDE

CSS Usage

background-color: #F8D3FA;
color: #F8D3FA;
border-color: #F8D3FA;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#FCF2FD
100
#F8E1F9
200
#F5BFF8
300
#ED91F3
400
#E456EC
500
#DB1AE5
600
#AF15B7
700
#8C1193
800
#6D0D72
900
#500E53
950
#320935

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

15.69:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026