#B309B3

#B309B3

Color Values

HEX

#B309B3

RGB

179, 9, 179

HSL

300.0, 90.4%, 36.9%

HSV

300.0, 95.0%, 70.2%

CMYK

0.0%, 95.0%, 0.0%, 29.8%

OKLCH

0.5401 0.2445 328.3

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#B309B3

#09B309

Analogous

#5E09B3

#B3095E

#B309B3

Triadic

#B309B3

#B3B309

#09B3B3

Split Complementary

#B309B3

#5EB309

#09B35E

Tetradic

#B309B3

#B35E09

#09B309

#095EB3

Color Blindness Simulation

Original

#B309B3

Protanopia

#69688A

Deuteranopia

#738080

Tritanopia

#AA6962

Achromatopsia

#393939

CSS Usage

background-color: #B309B3;
color: #B309B3;
border-color: #B309B3;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FCBBFC
300
#F98AF9
400
#F64BF6
500
#F30CF3
600
#C20AC2
700
#9B089B
800
#790679
900
#580958
950
#370637

Contrast Checker

Text on white

5.82:1

AA Pass AAA Fail

Text on black

3.61:1

AA Fail AAA Fail

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