#F3D8F4

#F3D8F4

Color Values

HEX

#F3D8F4

RGB

243, 216, 244

HSL

297.9, 56.0%, 90.2%

HSV

297.9, 11.5%, 95.7%

CMYK

0.4%, 11.5%, 0.0%, 4.3%

OKLCH

0.9127 0.0474 324.9

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#F3D8F4

#D9F4D8

Analogous

#E5D8F4

#F4D8E7

#F3D8F4

Triadic

#F3D8F4

#F4F3D8

#D8F4F3

Split Complementary

#F3D8F4

#E7F4D8

#D8F4E5

Tetradic

#F3D8F4

#F4E5D8

#D9F4D8

#D8E7F4

Color Blindness Simulation

Original

#F3D8F4

Protanopia

#E7E7ED

Deuteranopia

#E9EBEC

Tritanopia

#F2E8E7

Achromatopsia

#E0E0E0

CSS Usage

background-color: #F3D8F4;
color: #F3D8F4;
border-color: #F3D8F4;
Nearest Tailwind: Fuchsia 100 #FAE8FF

Tailwind Shades

50
#FBF4FB
100
#F5E5F6
200
#EEC7EF
300
#E2A0E4
400
#D26CD5
500
#C238C7
600
#9B2D9F
700
#7C247F
800
#611C63
900
#471849
950
#2D0F2E

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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