#6509BB

#6509BB

Color Values

HEX

#6509BB

RGB

101, 9, 187

HSL

271.0, 90.8%, 38.4%

HSV

271.0, 95.2%, 73.3%

CMYK

46.0%, 95.2%, 0.0%, 26.7%

OKLCH

0.434 0.2297 297.5

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#6509BB

#5FBB09

Analogous

#0C09BB

#BB09B8

#6509BB

Triadic

#6509BB

#BB6509

#09BB65

Split Complementary

#6509BB

#B8BB09

#09BB0C

Tetradic

#6509BB

#BB0C09

#5FBB09

#09B8BB

Color Blindness Simulation

Original

#6509BB

Protanopia

#3D3C90

Deuteranopia

#424986

Tritanopia

#606E66

Achromatopsia

#292929

CSS Usage

background-color: #6509BB;
color: #6509BB;
border-color: #6509BB;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F8F1FD
100
#EEDFFB
200
#DCBBFC
300
#C48AF9
400
#A44BF6
500
#830CF3
600
#6909C3
700
#54089C
800
#42067A
900
#320958
950
#1F0638

Contrast Checker

Text on white

9.09:1

AA Pass AAA Pass

Text on black

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