#616682

#616682

Color Values

HEX

#616682

RGB

97, 102, 130

HSL

230.9, 14.5%, 44.5%

HSV

230.9, 25.4%, 51.0%

CMYK

25.4%, 21.5%, 0.0%, 49.0%

OKLCH

0.5167 0.0447 276.8

Properties

Cool Dark Nearest: RAL 5014 Pigeon Blue

Color Harmonies

Complementary

#616682

#827D61

Analogous

#617682

#6C6182

#616682

Triadic

#616682

#826166

#668261

Split Complementary

#616682

#826C61

#768261

Tetradic

#616682

#826176

#827D61

#61826C

Color Blindness Simulation

Original

#616682

Protanopia

#63637B

Deuteranopia

#63627A

Tritanopia

#617675

Achromatopsia

#676767

CSS Usage

background-color: #616682;
color: #616682;
border-color: #616682;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F7F8
100
#EBECEF
200
#D6D8E0
300
#B9BCCB
400
#9397AE
500
#6D7392
600
#575C75
700
#46495D
800
#373949
900
#2A2C37
950
#1B1C23

Contrast Checker

Text on white

5.63:1

AA Pass AAA Fail

Text on black

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