#6458CB

#6458CB

Color Values

HEX

#6458CB

RGB

100, 88, 203

HSL

246.3, 52.5%, 57.1%

HSV

246.3, 56.7%, 79.6%

CMYK

50.7%, 56.7%, 0.0%, 20.4%

OKLCH

0.5337 0.1719 283.6

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#6458CB

#BFCB58

Analogous

#5886CB

#9E58CB

#6458CB

Triadic

#6458CB

#CB6458

#58CB64

Split Complementary

#6458CB

#CB9E58

#86CB58

Tetradic

#6458CB

#CB5886

#BFCB58

#58CB9E

Color Blindness Simulation

Original

#6458CB

Protanopia

#5F5FAF

Deuteranopia

#6060A8

Tritanopia

#639994

Achromatopsia

#636363

CSS Usage

background-color: #6458CB;
color: #6458CB;
border-color: #6458CB;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F5F4FB
100
#E7E5F5
200
#CCC9EE
300
#A8A2E2
400
#7A6FD2
500
#4B3DC2
600
#3C309C
700
#30277C
800
#251E61
900
#1E1A47
950
#13102D

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

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