#FF9BF9

#FF9BF9

Color Values

HEX

#FF9BF9

RGB

255, 155, 249

HSL

303.6, 100.0%, 80.4%

HSV

303.6, 39.2%, 100.0%

CMYK

0.0%, 39.2%, 2.4%, 0.0%

OKLCH

0.8223 0.1658 329.1

Properties

Warm Light Nearest: violet

Color Harmonies

Complementary

#FF9BF9

#9BFFA1

Analogous

#D39BFF

#FF9BC7

#FF9BF9

Triadic

#FF9BF9

#F9FF9B

#9BF9FF

Split Complementary

#FF9BF9

#C7FF9B

#9BFFD3

Tetradic

#FF9BF9

#FFD39B

#9BFFA1

#9BC7FF

Color Blindness Simulation

Original

#FF9BF9

Protanopia

#D4D3E2

Deuteranopia

#DAE1DD

Tritanopia

#FAD0CC

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#FEF1FD
100
#FCDEFB
200
#FFB8FB
300
#FF85F8
400
#FF42F4
500
#FF00F0
600
#CC00C0
700
#A30099
800
#800078
900
#5C0557
950
#3A0337

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

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