#99308F

#99308F

Color Values

HEX

#99308F

RGB

153, 48, 143

HSL

305.7, 52.2%, 39.4%

HSV

305.7, 68.6%, 60.0%

CMYK

0.0%, 68.6%, 6.5%, 40.0%

OKLCH

0.5004 0.1769 331.9

Properties

Warm Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#99308F

#30993A

Analogous

#6E3099

#99305B

#99308F

Triadic

#99308F

#8F9930

#308F99

Split Complementary

#99308F

#5B9930

#30996E

Tetradic

#99308F

#996E30

#30993A

#305B99

Color Blindness Simulation

Original

#99308F

Protanopia

#6C6B78

Deuteranopia

#727A72

Tritanopia

#946662

Achromatopsia

#4D4D4D

CSS Usage

background-color: #99308F;
color: #99308F;
border-color: #99308F;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FBF4FA
100
#F5E5F4
200
#EEC9EA
300
#E2A2DC
400
#D26FC9
500
#C23DB5
600
#9B3191
700
#7C2774
800
#611E5B
900
#471A43
950
#2D102A

Contrast Checker

Text on white

6.62:1

AA Pass AAA Fail

Text on black

3.17:1

AA Fail AAA Fail

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