#758F87

#758F87

Color Values

HEX

#758F87

RGB

117, 143, 135

HSL

161.5, 10.4%, 51.0%

HSV

161.5, 18.2%, 56.1%

CMYK

18.2%, 0.0%, 5.6%, 43.9%

OKLCH

0.6274 0.0319 174.6

Properties

Cool Light Nearest: lightcyan 4

Color Harmonies

Complementary

#758F87

#8F757D

Analogous

#758F7A

#758A8F

#758F87

Triadic

#758F87

#87758F

#8F8775

Split Complementary

#758F87

#8F758A

#8F7A75

Tetradic

#758F87

#7A758F

#8F757D

#8A8F75

Color Blindness Simulation

Original

#758F87

Protanopia

#808089

Deuteranopia

#7F7D89

Tritanopia

#768A8B

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEFEE
200
#D8DFDD
300
#BBC8C4
400
#97AAA4
500
#728D85
600
#5B716A
700
#495A55
800
#394642
900
#2C3532
950
#1C2120

Contrast Checker

Text on white

3.48:1

AA Fail AAA Fail

Text on black

6.04:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026