#767988

#767988

Color Values

HEX

#767988

RGB

118, 121, 136

HSL

230.0, 7.1%, 49.8%

HSV

230.0, 13.2%, 53.3%

CMYK

13.2%, 11.0%, 0.0%, 46.7%

OKLCH

0.5787 0.0232 276.7

Properties

Cool Light Nearest: lightsteelblue 4

Color Harmonies

Complementary

#767988

#888576

Analogous

#768288

#7C7688

#767988

Triadic

#767988

#887679

#798876

Split Complementary

#767988

#887C76

#828876

Tetradic

#767988

#887682

#888576

#76887C

Color Blindness Simulation

Original

#767988

Protanopia

#777784

Deuteranopia

#777784

Tritanopia

#768281

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECECEE
200
#D9DADE
300
#BDBFC6
400
#9A9CA7
500
#767989
600
#5F616D
700
#4C4E57
800
#3B3D44
900
#2D2E34
950
#1D1D21

Contrast Checker

Text on white

4.32:1

AA Fail AAA Fail

Text on black

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