#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026