#F6B9FD

#F6B9FD

Color Values

HEX

#F6B9FD

RGB

246, 185, 253

HSL

293.8, 94.4%, 85.9%

HSV

293.8, 26.9%, 99.2%

CMYK

2.8%, 26.9%, 0.0%, 0.8%

OKLCH

0.8629 0.1126 323.0

Properties

Cool Light Nearest: plum 1

Color Harmonies

Complementary

#F6B9FD

#C0FDB9

Analogous

#D4B9FD

#FDB9E2

#F6B9FD

Triadic

#F6B9FD

#FDF6B9

#B9FDF6

Split Complementary

#F6B9FD

#E2FDB9

#B9FDD4

Tetradic

#F6B9FD

#FDD4B9

#C0FDB9

#B9E2FD

Color Blindness Simulation

Original

#F6B9FD

Protanopia

#DCDBED

Deuteranopia

#DFE4E9

Tritanopia

#F3E0DD

Achromatopsia

#CBCBCB

CSS Usage

background-color: #F6B9FD;
color: #F6B9FD;
border-color: #F6B9FD;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FCF1FD
100
#F9DFFB
200
#F6BAFD
300
#F088FC
400
#E748FA
500
#DF07F8
600
#B206C6
700
#8F059F
800
#6F047C
900
#51075A
950
#330539

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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