#614EA7

#614EA7

Color Values

HEX

#614EA7

RGB

97, 78, 167

HSL

252.8, 36.3%, 48.0%

HSV

252.8, 53.3%, 65.5%

CMYK

41.9%, 53.3%, 0.0%, 34.5%

OKLCH

0.4882 0.1375 290.2

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#614EA7

#94A74E

Analogous

#4E67A7

#8D4EA7

#614EA7

Triadic

#614EA7

#A7614E

#4EA761

Split Complementary

#614EA7

#A78D4E

#67A74E

Tetradic

#614EA7

#A74E67

#94A74E

#4EA78D

Color Blindness Simulation

Original

#614EA7

Protanopia

#595991

Deuteranopia

#5A5B8C

Tritanopia

#60807D

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#EAE8F3
200
#D4CEE8
300
#B5ACD8
400
#8D7EC3
500
#6551AE
600
#51418B
700
#41346F
800
#322957
900
#272140
950
#191529

Contrast Checker

Text on white

6.65:1

AA Pass AAA Fail

Text on black

3.16:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026