#617063

#617063

Color Values

HEX

#617063

RGB

97, 112, 99

HSL

128.0, 7.2%, 41.0%

HSV

128.0, 13.4%, 43.9%

CMYK

13.4%, 0.0%, 11.6%, 56.1%

OKLCH

0.5286 0.027 149.0

Properties

Cool Dark Nearest: RAL 7023 Concrete Grey

Color Harmonies

Complementary

#617063

#70616E

Analogous

#677061

#61706B

#617063

Triadic

#617063

#636170

#706361

Split Complementary

#617063

#6B6170

#706167

Tetradic

#617063

#616770

#70616E

#706B61

Color Blindness Simulation

Original

#617063

Protanopia

#676866

Deuteranopia

#676667

Tritanopia

#626969

Achromatopsia

#6C6C6C

CSS Usage

background-color: #617063;
color: #617063;
border-color: #617063;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F7F8F7
100
#ECEEEC
200
#D9DED9
300
#BDC6BF
400
#9AA79C
500
#768979
600
#5F6D61
700
#4C574D
800
#3B443C
900
#2D342E
950
#1D211D

Contrast Checker

Text on white

5.24:1

AA Pass AAA Fail

Text on black

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