#759696

#759696

Color Values

HEX

#759696

RGB

117, 150, 150

HSL

180.0, 13.6%, 52.4%

HSV

180.0, 22.0%, 58.8%

CMYK

22.0%, 0.0%, 0.0%, 41.2%

OKLCH

0.6483 0.0367 196.3

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#759696

#967575

Analogous

#759686

#758696

#759696

Triadic

#759696

#967596

#969675

Split Complementary

#759696

#967586

#968675

Tetradic

#759696

#867596

#967575

#869675

Color Blindness Simulation

Original

#759696

Protanopia

#838496

Deuteranopia

#817F96

Tritanopia

#779696

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFEF
200
#D6E0E0
300
#B9CACA
400
#94ADAD
500
#6E9191
600
#587474
700
#475D5D
800
#374848
900
#2B3636
950
#1B2222

Contrast Checker

Text on white

3.2:1

AA Fail AAA Fail

Text on black

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