#616F75

#616F75

Color Values

HEX

#616F75

RGB

97, 111, 117

HSL

198.0, 9.3%, 42.0%

HSV

198.0, 17.1%, 45.9%

CMYK

17.1%, 5.1%, 0.0%, 54.1%

OKLCH

0.5321 0.0193 225.5

Properties

Cool Dark Nearest: dimgrey

Color Harmonies

Complementary

#616F75

#756761

Analogous

#617571

#616575

#616F75

Triadic

#616F75

#75616F

#6F7561

Split Complementary

#616F75

#756165

#757161

Tetradic

#616F75

#716175

#756761

#657561

Color Blindness Simulation

Original

#616F75

Protanopia

#676774

Deuteranopia

#666573

Tritanopia

#627272

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEEEF
200
#D8DDDF
300
#BCC4C7
400
#98A4A9
500
#74848B
600
#5D6A6F
700
#4A5559
800
#3A4246
900
#2C3235
950
#1C2021

Contrast Checker

Text on white

5.2:1

AA Pass AAA Fail

Text on black

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