#656873

#656873

Color Values

HEX

#656873

RGB

101, 104, 115

HSL

227.1, 6.5%, 42.4%

HSV

227.1, 12.2%, 45.1%

CMYK

12.2%, 9.6%, 0.0%, 54.9%

OKLCH

0.5185 0.0177 273.6

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#656873

#737065

Analogous

#656F73

#696573

#656873

Triadic

#656873

#736568

#687365

Split Complementary

#656873

#736965

#6F7365

Tetradic

#656873

#73656F

#737065

#657369

Color Blindness Simulation

Original

#656873

Protanopia

#666670

Deuteranopia

#666670

Tritanopia

#656E6E

Achromatopsia

#686868

CSS Usage

background-color: #656873;
color: #656873;
border-color: #656873;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F7F7F8
100
#ECEDEE
200
#D9DADE
300
#BEC0C6
400
#9B9DA7
500
#777B88
600
#5F626D
700
#4C4F57
800
#3C3D44
900
#2E2F33
950
#1D1E20

Contrast Checker

Text on white

5.55:1

AA Pass AAA Fail

Text on black

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