#758395

#758395

Color Values

HEX

#758395

RGB

117, 131, 149

HSL

213.8, 13.1%, 52.2%

HSV

213.8, 21.5%, 58.4%

CMYK

21.5%, 12.1%, 0.0%, 41.6%

OKLCH

0.6049 0.032 254.8

Properties

Cool Light Nearest: slategrey

Color Harmonies

Complementary

#758395

#958775

Analogous

#759395

#777595

#758395

Triadic

#758395

#957583

#839575

Split Complementary

#758395

#957775

#939575

Tetradic

#758395

#957593

#958775

#759577

Color Blindness Simulation

Original

#758395

Protanopia

#7B7B91

Deuteranopia

#7A7990

Tritanopia

#768D8C

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBEDEF
200
#D7DBE0
300
#BAC1CA
400
#949FAD
500
#6F7D90
600
#596473
700
#47505C
800
#373F48
900
#2B3036
950
#1B1E22

Contrast Checker

Text on white

3.86:1

AA Fail AAA Fail

Text on black

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