#778282

#778282

Color Values

HEX

#778282

RGB

119, 130, 130

HSL

180.0, 4.4%, 48.8%

HSV

180.0, 8.5%, 51.0%

CMYK

8.5%, 0.0%, 0.0%, 49.0%

OKLCH

0.5975 0.013 196.8

Properties

Cool Light Nearest: RAL 7037 Dusty Grey

Color Harmonies

Complementary

#778282

#827777

Analogous

#77827C

#777C82

#778282

Triadic

#778282

#827782

#828277

Split Complementary

#778282

#82777C

#827C77

Tetradic

#778282

#7C7782

#827777

#7C8277

Color Blindness Simulation

Original

#778282

Protanopia

#7C7C82

Deuteranopia

#7B7A82

Tritanopia

#788282

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEEEE
200
#DADDDD
300
#BFC4C4
400
#9CA5A5
500
#7A8585
600
#626A6A
700
#4E5555
800
#3D4343
900
#2F3232
950
#1D2020

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

5.3:1

AA Pass 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