#6B65AD

#6B65AD

Color Values

HEX

#6B65AD

RGB

107, 101, 173

HSL

245.0, 30.5%, 53.7%

HSV

245.0, 41.6%, 67.8%

CMYK

38.2%, 41.6%, 0.0%, 32.2%

OKLCH

0.5445 0.1104 285.9

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#6B65AD

#A7AD65

Analogous

#6583AD

#8F65AD

#6B65AD

Triadic

#6B65AD

#AD6B65

#65AD6B

Split Complementary

#6B65AD

#AD8F65

#83AD65

Tetradic

#6B65AD

#AD6583

#A7AD65

#65AD8F

Color Blindness Simulation

Original

#6B65AD

Protanopia

#68689C

Deuteranopia

#696997

Tritanopia

#6B8E8B

Achromatopsia

#6B6B6B

CSS Usage

background-color: #6B65AD;
color: #6B65AD;
border-color: #6B65AD;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F6F5F9
100
#E9E9F2
200
#D2D0E6
300
#B2AFD4
400
#8984BD
500
#5F59A6
600
#4C4785
700
#3D396A
800
#302C53
900
#25233E
950
#181627

Contrast Checker

Text on white

5.13:1

AA Pass AAA Fail

Text on black

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