#748095

#748095

Color Values

HEX

#748095

RGB

116, 128, 149

HSL

218.2, 13.5%, 52.0%

HSV

218.2, 22.1%, 58.4%

CMYK

22.1%, 14.1%, 0.0%, 41.6%

OKLCH

0.5974 0.0351 261.7

Properties

Cool Light Nearest: slategrey

Color Harmonies

Complementary

#748095

#958974

Analogous

#749195

#797495

#748095

Triadic

#748095

#957480

#809574

Split Complementary

#748095

#957974

#919574

Tetradic

#748095

#957491

#958974

#749579

Color Blindness Simulation

Original

#748095

Protanopia

#797990

Deuteranopia

#78788F

Tritanopia

#758C8B

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBEDEF
200
#D6DAE0
300
#BAC0CA
400
#949DAD
500
#6E7B91
600
#586274
700
#474F5D
800
#373D48
900
#2B2F36
950
#1B1E22

Contrast Checker

Text on white

3.99:1

AA Fail AAA Fail

Text on black

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