#75879D

#75879D

Color Values

HEX

#75879D

RGB

117, 135, 157

HSL

213.0, 16.9%, 53.7%

HSV

213.0, 25.5%, 61.6%

CMYK

25.5%, 14.0%, 0.0%, 38.4%

OKLCH

0.6168 0.0395 253.6

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#75879D

#9D8B75

Analogous

#759B9D

#77759D

#75879D

Triadic

#75879D

#9D7587

#879D75

Split Complementary

#75879D

#9D7775

#9B9D75

Tetradic

#75879D

#9D759B

#9D8B75

#759D77

Color Blindness Simulation

Original

#75879D

Protanopia

#7D7D98

Deuteranopia

#7C7A96

Tritanopia

#769393

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBEDF0
200
#D5DBE1
300
#B7C1CC
400
#919FB1
500
#6A7D95
600
#556477
700
#44505F
800
#353F4B
900
#293038
950
#1A1E23

Contrast Checker

Text on white

3.68:1

AA Fail AAA Fail

Text on black

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