#614084

#614084

Color Values

HEX

#614084

RGB

97, 64, 132

HSL

269.1, 34.7%, 38.4%

HSV

269.1, 51.5%, 51.8%

CMYK

26.5%, 51.5%, 0.0%, 48.2%

OKLCH

0.4405 0.1125 304.6

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#614084

#638440

Analogous

#404184

#834084

#614084

Triadic

#614084

#846140

#408461

Split Complementary

#614084

#848340

#418440

Tetradic

#614084

#844041

#638440

#408483

Color Blindness Simulation

Original

#614084

Protanopia

#535274

Deuteranopia

#555770

Tritanopia

#5F6764

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#EDE8F2
200
#DBCFE8
300
#C1ADD7
400
#A080C1
500
#7E53AC
600
#654389
700
#51356E
800
#3F2A56
900
#302140
950
#1E1528

Contrast Checker

Text on white

8.16:1

AA Pass AAA Pass

Text on black

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