#676570

#676570

Color Values

HEX

#676570

RGB

103, 101, 112

HSL

250.9, 5.2%, 41.8%

HSV

250.9, 9.8%, 43.9%

CMYK

8.0%, 9.8%, 0.0%, 56.1%

OKLCH

0.5124 0.0173 294.1

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#676570

#6E7065

Analogous

#656970

#6D6570

#676570

Triadic

#676570

#706765

#657067

Split Complementary

#676570

#706D65

#697065

Tetradic

#676570

#706569

#6E7065

#65706D

Color Blindness Simulation

Original

#676570

Protanopia

#66666D

Deuteranopia

#66666D

Tritanopia

#676B6B

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EDECEE
200
#DAD9DD
300
#C0BFC5
400
#9E9CA6
500
#7B7986
600
#63616B
700
#4F4D56
800
#3E3C43
900
#2F2E33
950
#1E1D20

Contrast Checker

Text on white

5.72:1

AA Pass AAA Fail

Text on black

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