#746695

#746695

Color Values

HEX

#746695

RGB

116, 102, 149

HSL

257.9, 18.7%, 49.2%

HSV

257.9, 31.5%, 58.4%

CMYK

22.1%, 31.5%, 0.0%, 41.6%

OKLCH

0.542 0.0737 297.6

Properties

Cool Dark Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#746695

#879566

Analogous

#666F95

#8B6695

#746695

Triadic

#746695

#957466

#669574

Split Complementary

#746695

#958B66

#6F9566

Tetradic

#746695

#95666F

#879566

#66958B

Color Blindness Simulation

Original

#746695

Protanopia

#6E6E8A

Deuteranopia

#6F7087

Tritanopia

#73817F

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F7F6F9
100
#ECEAF0
200
#D9D5E2
300
#BDB6CD
400
#9A8FB2
500
#766897
600
#5E5379
700
#4B4261
800
#3B344C
900
#2D2839
950
#1D1924

Contrast Checker

Text on white

5.15:1

AA Pass AAA Fail

Text on black

4.08:1

AA Fail 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