#6051DF

#6051DF

Color Values

HEX

#6051DF

RGB

96, 81, 223

HSL

246.3, 68.9%, 59.6%

HSV

246.3, 63.7%, 87.5%

CMYK

57.0%, 63.7%, 0.0%, 12.5%

OKLCH

0.5344 0.2072 281.6

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#6051DF

#D0DF51

Analogous

#5189DF

#A751DF

#6051DF

Triadic

#6051DF

#DF6051

#51DF60

Split Complementary

#6051DF

#DFA751

#89DF51

Tetradic

#6051DF

#DF5189

#D0DF51

#51DFA7

Color Blindness Simulation

Original

#6051DF

Protanopia

#5A59BD

Deuteranopia

#5A5BB4

Tritanopia

#5FA19C

Achromatopsia

#5E5E5E

CSS Usage

background-color: #6051DF;
color: #6051DF;
border-color: #6051DF;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F4F3FC
100
#E5E3F8
200
#C8C3F4
300
#A098EC
400
#6D60E2
500
#3A28D7
600
#2E20AC
700
#25198A
800
#1D146C
900
#19124E
950
#100C32

Contrast Checker

Text on white

5.62:1

AA Pass AAA Fail

Text on black

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