#F8CCF9

#F8CCF9

Color Values

HEX

#F8CCF9

RGB

248, 204, 249

HSL

298.7, 78.9%, 88.8%

HSV

298.7, 18.1%, 97.6%

CMYK

0.4%, 18.1%, 0.0%, 2.4%

OKLCH

0.8967 0.0767 325.5

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#F8CCF9

#CDF9CC

Analogous

#E1CCF9

#F9CCE3

#F8CCF9

Triadic

#F8CCF9

#F9F8CC

#CCF9F8

Split Complementary

#F8CCF9

#E3F9CC

#CCF9E1

Tetradic

#F8CCF9

#F9E1CC

#CDF9CC

#CCE3F9

Color Blindness Simulation

Original

#F8CCF9

Protanopia

#E5E5EE

Deuteranopia

#E8EBEB

Tritanopia

#F6E6E4

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F9E1F9
200
#F6BFF7
300
#F092F2
400
#E856EB
500
#E01BE4
600
#B316B6
700
#8F1192
800
#700D72
900
#510E53
950
#330934

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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