#757F95

#757F95

Color Values

HEX

#757F95

RGB

117, 127, 149

HSL

221.2, 13.1%, 52.2%

HSV

221.2, 21.5%, 58.4%

CMYK

21.5%, 14.8%, 0.0%, 41.6%

OKLCH

0.596 0.0357 266.0

Properties

Cool Light Nearest: lightsteelblue 4

Color Harmonies

Complementary

#757F95

#958B75

Analogous

#758F95

#7B7595

#757F95

Triadic

#757F95

#95757F

#7F9575

Split Complementary

#757F95

#957B75

#8F9575

Tetradic

#757F95

#95758F

#958B75

#75957B

Color Blindness Simulation

Original

#757F95

Protanopia

#797990

Deuteranopia

#79788E

Tritanopia

#758B8B

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBECEF
200
#D7DAE0
300
#BABFCA
400
#949CAD
500
#6F7990
600
#596173
700
#474E5C
800
#373D48
900
#2B2E36
950
#1B1D22

Contrast Checker

Text on white

4.02:1

AA Fail AAA Fail

Text on black

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