#6159AC

#6159AC

Color Values

HEX

#6159AC

RGB

97, 89, 172

HSL

245.8, 33.3%, 51.2%

HSV

245.8, 48.3%, 67.5%

CMYK

43.6%, 48.3%, 0.0%, 32.5%

OKLCH

0.512 0.128 285.3

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#6159AC

#A4AC59

Analogous

#597BAC

#8B59AC

#6159AC

Triadic

#6159AC

#AC6159

#59AC61

Split Complementary

#6159AC

#AC8B59

#7BAC59

Tetradic

#6159AC

#AC597B

#A4AC59

#59AC8B

Color Blindness Simulation

Original

#6159AC

Protanopia

#5E5D98

Deuteranopia

#5E5F93

Tritanopia

#618885

Achromatopsia

#616161

CSS Usage

background-color: #6159AC;
color: #6159AC;
border-color: #6159AC;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F6F5FA
100
#E9E8F2
200
#D2CFE7
300
#B1ADD6
400
#8781C0
500
#5D55AA
600
#4B4488
700
#3C366D
800
#2F2B55
900
#25223F
950
#171528

Contrast Checker

Text on white

5.94:1

AA Pass AAA Fail

Text on black

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