#656C7E

#656C7E

Color Values

HEX

#656C7E

RGB

101, 108, 126

HSL

223.2, 11.0%, 44.5%

HSV

223.2, 19.8%, 49.4%

CMYK

19.8%, 14.3%, 0.0%, 50.6%

OKLCH

0.5318 0.0295 268.6

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#656C7E

#7E7765

Analogous

#65787E

#6A657E

#656C7E

Triadic

#656C7E

#7E656C

#6C7E65

Split Complementary

#656C7E

#7E6A65

#787E65

Tetradic

#656C7E

#7E6578

#7E7765

#657E6A

Color Blindness Simulation

Original

#656C7E

Protanopia

#68687A

Deuteranopia

#686779

Tritanopia

#657675

Achromatopsia

#6C6C6C

CSS Usage

background-color: #656C7E;
color: #656C7E;
border-color: #656C7E;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F7F7F8
100
#EBECEF
200
#D7DADF
300
#BBBFC9
400
#969CAB
500
#71798E
600
#5B6171
700
#494E5B
800
#393D47
900
#2C2E35
950
#1C1D22

Contrast Checker

Text on white

5.25:1

AA Pass AAA Fail

Text on black

4.0:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026