#6459B2

#6459B2

Color Values

HEX

#6459B2

RGB

100, 89, 178

HSL

247.4, 36.6%, 52.4%

HSV

247.4, 50.0%, 69.8%

CMYK

43.8%, 50.0%, 0.0%, 30.2%

OKLCH

0.5184 0.1363 286.3

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#6459B2

#A7B259

Analogous

#597BB2

#9159B2

#6459B2

Triadic

#6459B2

#B26459

#59B264

Split Complementary

#6459B2

#B29159

#7BB259

Tetradic

#6459B2

#B2597B

#A7B259

#59B291

Color Blindness Simulation

Original

#6459B2

Protanopia

#5F5F9C

Deuteranopia

#606197

Tritanopia

#638B88

Achromatopsia

#626262

CSS Usage

background-color: #6459B2;
color: #6459B2;
border-color: #6459B2;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F6F5FA
100
#E9E8F3
200
#D1CEE8
300
#B1ABD8
400
#877EC3
500
#5C51AE
600
#4A418B
700
#3B346F
800
#2E2857
900
#242040
950
#171529

Contrast Checker

Text on white

5.81:1

AA Pass AAA Fail

Text on black

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