#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