#716396

#716396

Color Values

HEX

#716396

RGB

113, 99, 150

HSL

256.5, 20.5%, 48.8%

HSV

256.5, 34.0%, 58.8%

CMYK

24.7%, 34.0%, 0.0%, 41.2%

OKLCH

0.5336 0.0799 296.2

Properties

Cool Dark Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#716396

#889663

Analogous

#636E96

#8A6396

#716396

Triadic

#716396

#967163

#639671

Split Complementary

#716396

#968A63

#6E9663

Tetradic

#716396

#96636E

#889663

#63968A

Color Blindness Simulation

Original

#716396

Protanopia

#6B6B8A

Deuteranopia

#6C6D87

Tritanopia

#70807E

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F7F6F9
100
#ECEAF0
200
#D8D4E3
300
#BCB5CE
400
#988DB4
500
#74659A
600
#5D517B
700
#4A4162
800
#3A334D
900
#2C2839
950
#1C1924

Contrast Checker

Text on white

5.35:1

AA Pass AAA Fail

Text on black

3.93:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026