#717396

#717396

Color Values

HEX

#717396

RGB

113, 115, 150

HSL

236.8, 15.0%, 51.6%

HSV

236.8, 24.7%, 58.8%

CMYK

24.7%, 23.3%, 0.0%, 41.2%

OKLCH

0.567 0.0539 282.0

Properties

Cool Light Nearest: RAL 5014 Pigeon Blue

Color Harmonies

Complementary

#717396

#969471

Analogous

#718696

#827196

#717396

Triadic

#717396

#967173

#739671

Split Complementary

#717396

#968271

#869671

Tetradic

#717396

#967186

#969471

#719682

Color Blindness Simulation

Original

#717396

Protanopia

#72728E

Deuteranopia

#72728C

Tritanopia

#718785

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F6F6F8
100
#EBEBEF
200
#D6D7E1
300
#B9BACB
400
#9294AF
500
#6C6E93
600
#575875
700
#45475E
800
#363749
900
#2A2B37
950
#1A1B23

Contrast Checker

Text on white

4.57:1

AA Pass AAA Fail

Text on black

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