#647176

#647176

Color Values

HEX

#647176

RGB

100, 113, 118

HSL

196.7, 8.3%, 42.7%

HSV

196.7, 15.3%, 46.3%

CMYK

15.3%, 4.2%, 0.0%, 53.7%

OKLCH

0.5395 0.0175 222.9

Properties

Cool Dark Nearest: dimgrey

Color Harmonies

Complementary

#647176

#766964

Analogous

#647672

#646876

#647176

Triadic

#647176

#766471

#717664

Split Complementary

#647176

#766468

#767264

Tetradic

#647176

#726476

#766964

#687664

Color Blindness Simulation

Original

#647176

Protanopia

#6A6A75

Deuteranopia

#696874

Tritanopia

#657474

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEEEE
200
#D8DDDE
300
#BDC4C7
400
#99A4A8
500
#75848A
600
#5E6A6E
700
#4B5558
800
#3A4245
900
#2D3234
950
#1C2021

Contrast Checker

Text on white

5.04:1

AA Pass AAA Fail

Text on black

4.17:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026