#6B5FD3

#6B5FD3

Color Values

HEX

#6B5FD3

RGB

107, 95, 211

HSL

246.2, 56.9%, 60.0%

HSV

246.2, 55.0%, 82.7%

CMYK

49.3%, 55.0%, 0.0%, 17.3%

OKLCH

0.5573 0.1723 284.0

Properties

Cool Dark Nearest: slateblue

Color Harmonies

Complementary

#6B5FD3

#C7D35F

Analogous

#5F8DD3

#A55FD3

#6B5FD3

Triadic

#6B5FD3

#D36B5F

#5FD36B

Split Complementary

#6B5FD3

#D3A55F

#8DD35F

Tetradic

#6B5FD3

#D35F8D

#C7D35F

#5FD3A5

Color Blindness Simulation

Original

#6B5FD3

Protanopia

#6666B7

Deuteranopia

#6667B0

Tritanopia

#6AA19C

Achromatopsia

#6A6A6A

CSS Usage

background-color: #6B5FD3;
color: #6B5FD3;
border-color: #6B5FD3;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F4F4FB
100
#E6E5F6
200
#CBC7F0
300
#A69FE5
400
#766BD6
500
#4637C8
600
#382CA0
700
#2D2380
800
#231B64
900
#1D1849
950
#120F2E

Contrast Checker

Text on white

5.0:1

AA Pass AAA Fail

Text on black

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