#769495

#769495

Color Values

HEX

#769495

RGB

118, 148, 149

HSL

181.9, 12.8%, 52.4%

HSV

181.9, 20.8%, 58.4%

CMYK

20.8%, 0.7%, 0.0%, 41.6%

OKLCH

0.6441 0.0337 198.9

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#769495

#957776

Analogous

#769587

#768595

#769495

Triadic

#769495

#957694

#949576

Split Complementary

#769495

#957685

#958776

Tetradic

#769495

#877695

#957776

#859576

Color Blindness Simulation

Original

#769495

Protanopia

#838395

Deuteranopia

#817F95

Tritanopia

#789595

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#EBEFEF
200
#D7E0E0
300
#BAC9CA
400
#95ACAD
500
#6F8F90
600
#597273
700
#475B5C
800
#384748
900
#2B3636
950
#1B2222

Contrast Checker

Text on white

3.26:1

AA Fail AAA Fail

Text on black

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