#616C78

#616C78

Color Values

HEX

#616C78

RGB

97, 108, 120

HSL

211.3, 10.6%, 42.5%

HSV

211.3, 19.2%, 47.1%

CMYK

19.2%, 10.0%, 0.0%, 52.9%

OKLCH

0.5262 0.0232 250.6

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#616C78

#786D61

Analogous

#617778

#616178

#616C78

Triadic

#616C78

#78616C

#6C7861

Split Complementary

#616C78

#786161

#777861

Tetradic

#616C78

#786177

#786D61

#617861

Color Blindness Simulation

Original

#616C78

Protanopia

#666675

Deuteranopia

#656474

Tritanopia

#627372

Achromatopsia

#6B6B6B

CSS Usage

background-color: #616C78;
color: #616C78;
border-color: #616C78;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F7F7F8
100
#ECEDEF
200
#D8DBDF
300
#BBC2C8
400
#97A0AB
500
#727F8D
600
#5B6671
700
#49515A
800
#393F47
900
#2C3035
950
#1C1E22

Contrast Checker

Text on white

5.35:1

AA Pass AAA Fail

Text on black

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