#66786B

#66786B

Color Values

HEX

#66786B

RGB

102, 120, 107

HSL

136.7, 8.1%, 43.5%

HSV

136.7, 15.0%, 47.1%

CMYK

15.0%, 0.0%, 10.8%, 52.9%

OKLCH

0.554 0.0292 154.0

Properties

Cool Dark Nearest: RAL 7005 Mouse Grey

Color Harmonies

Complementary

#66786B

#786673

Analogous

#6A7866

#667874

#66786B

Triadic

#66786B

#6B6678

#786B66

Split Complementary

#66786B

#746678

#78666A

Tetradic

#66786B

#666A78

#786673

#787466

Color Blindness Simulation

Original

#66786B

Protanopia

#6E6E6E

Deuteranopia

#6D6B6F

Tritanopia

#677171

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEEED
200
#D8DEDA
300
#BDC7C0
400
#99A89D
500
#758A7B
600
#5E6E62
700
#4B584F
800
#3B453D
900
#2D342F
950
#1C211E

Contrast Checker

Text on white

4.7:1

AA Pass AAA Fail

Text on black

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