#657074

#657074

Color Values

HEX

#657074

RGB

101, 112, 116

HSL

196.0, 6.9%, 42.5%

HSV

196.0, 12.9%, 45.5%

CMYK

12.9%, 3.4%, 0.0%, 54.5%

OKLCH

0.5373 0.0147 221.6

Properties

Cool Dark Nearest: dimgrey

Color Harmonies

Complementary

#657074

#746965

Analogous

#657470

#656874

#657074

Triadic

#657074

#746570

#707465

Split Complementary

#657074

#746568

#747065

Tetradic

#657074

#706574

#746965

#687465

Color Blindness Simulation

Original

#657074

Protanopia

#6A6A73

Deuteranopia

#696873

Tritanopia

#667272

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEEEE
200
#D9DCDE
300
#BEC4C6
400
#9AA4A7
500
#778488
600
#5F696D
700
#4C5457
800
#3B4244
900
#2D3233
950
#1D1F21

Contrast Checker

Text on white

5.09:1

AA Pass AAA Fail

Text on black

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