#756491

#756491

Color Values

HEX

#756491

RGB

117, 100, 145

HSL

262.7, 18.4%, 48.0%

HSV

262.7, 31.0%, 56.9%

CMYK

19.3%, 31.0%, 0.0%, 43.1%

OKLCH

0.537 0.0716 301.4

Properties

Cool Dark Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#756491

#809164

Analogous

#646991

#8B6491

#756491

Triadic

#756491

#917564

#649175

Split Complementary

#756491

#918B64

#699164

Tetradic

#756491

#916469

#809164

#64918B

Color Blindness Simulation

Original

#756491

Protanopia

#6E6D86

Deuteranopia

#6F7084

Tritanopia

#747E7C

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F7F6F9
100
#ECEAF0
200
#DAD5E2
300
#BFB7CD
400
#9C8FB2
500
#7A6897
600
#615379
700
#4E4361
800
#3D344B
900
#2E2838
950
#1D1A24

Contrast Checker

Text on white

5.27:1

AA Pass AAA Fail

Text on black

3.99:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026