#76969F

#76969F

Color Values

HEX

#76969F

RGB

118, 150, 159

HSL

193.2, 17.6%, 54.3%

HSV

193.2, 25.8%, 62.4%

CMYK

25.8%, 5.7%, 0.0%, 37.6%

OKLCH

0.652 0.0381 216.8

Properties

Cool Light Nearest: lightblue 4

Color Harmonies

Complementary

#76969F

#9F7F76

Analogous

#769F93

#76819F

#76969F

Triadic

#76969F

#9F7696

#969F76

Split Complementary

#76969F

#9F7681

#9F9376

Tetradic

#76969F

#93769F

#9F7F76

#819F76

Color Blindness Simulation

Original

#76969F

Protanopia

#84849D

Deuteranopia

#82809C

Tritanopia

#789B9B

Achromatopsia

#909090

CSS Usage

background-color: #76969F;
color: #76969F;
border-color: #76969F;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F6F8F8
100
#EAEFF0
200
#D5DFE2
300
#B7C8CD
400
#90AAB1
500
#698C96
600
#547078
700
#435A60
800
#35464B
900
#293538
950
#1A2123

Contrast Checker

Text on white

3.17:1

AA Fail AAA Fail

Text on black

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