#6455DF

#6455DF

Color Values

HEX

#6455DF

RGB

100, 85, 223

HSL

246,5, 68,3%, 60,4%

HSV

246,5, 61,9%, 87,5%

CMYK

55,2%, 61,9%, 0,0%, 12,5%

OKLCH

0,5438 0,2018 282,3

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#6455DF

#D0DF55

Analogous

#558BDF

#A955DF

#6455DF

Triadic

#6455DF

#DF6455

#55DF64

Split Complementary

#6455DF

#DFA955

#8BDF55

Tetradic

#6455DF

#DF558B

#D0DF55

#55DFA9

Color Blindness Simulation

Original

#6455DF

Protanopia

#5E5DBE

Deuteranopia

#5E60B6

Tritanopia

#63A39D

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F4F3FC
100
#E5E3F8
200
#C8C3F4
300
#A198EC
400
#6E60E1
500
#3B28D7
600
#2F20AC
700
#261A89
800
#1E146B
900
#19134E
950
#100C31

Contrast Checker

Text on white

5,38:1

AA Pass AAA Fail

Text on black

3,91: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