#614686

#614686

Color Values

HEX

#614686

RGB

97, 70, 134

HSL

265,3, 31,4%, 40,0%

HSV

265,3, 47,8%, 52,5%

CMYK

27,6%, 47,8%, 0,0%, 47,5%

OKLCH

0,4526 0,1047 301,8

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#614686

#6B8646

Analogous

#464B86

#814686

#614686

Triadic

#614686

#866146

#468661

Split Complementary

#614686

#868146

#4B8646

Tetradic

#614686

#86464B

#6B8646

#468681

Color Blindness Simulation

Original

#614686

Protanopia

#555577

Deuteranopia

#575973

Tritanopia

#606A68

Achromatopsia

#505050

CSS Usage

background-color: #614686;
color: #614686;
border-color: #614686;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F7F5F9
100
#ECE8F2
200
#DAD0E7
300
#BFAFD5
400
#9C83BE
500
#7957A8
600
#614686
700
#4E386B
800
#3D2C54
900
#2E233E
950
#1D1627

Contrast Checker

Text on white

7,7:1

AA Pass AAA Pass

Text on black

2,73:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026