#758BA5

#758BA5

Color Values

HEX

#758BA5

RGB

117, 139, 165

HSL

212.5, 21.1%, 55.3%

HSV

212.5, 29.1%, 64.7%

CMYK

29.1%, 15.8%, 0.0%, 35.3%

OKLCH

0.6289 0.0468 252.8

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#758BA5

#A58F75

Analogous

#75A3A5

#7775A5

#758BA5

Triadic

#758BA5

#A5758B

#8BA575

Split Complementary

#758BA5

#A57775

#A3A575

Tetradic

#758BA5

#A575A3

#A58F75

#75A577

Color Blindness Simulation

Original

#758BA5

Protanopia

#7F7F9F

Deuteranopia

#7D7C9D

Tritanopia

#769A99

Achromatopsia

#888888

CSS Usage

background-color: #758BA5;
color: #758BA5;
border-color: #758BA5;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F7F9
100
#EAEDF0
200
#D4DBE3
300
#B5C1CF
400
#8D9FB5
500
#657D9A
600
#50647C
700
#405063
800
#323F4D
900
#27303A
950
#191E24

Contrast Checker

Text on white

3.5:1

AA Fail AAA Fail

Text on black

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