#746487

#746487

Color Values

HEX

#746487

RGB

116, 100, 135

HSL

267.4, 14.9%, 46.1%

HSV

267.4, 25.9%, 52.9%

CMYK

14.1%, 25.9%, 0.0%, 47.1%

OKLCH

0.5316 0.057 305.4

Properties

Cool Dark Nearest: plum 4

Color Harmonies

Complementary

#746487

#778764

Analogous

#646687

#866487

#746487

Triadic

#746487

#877464

#648774

Split Complementary

#746487

#878664

#668764

Tetradic

#746487

#876466

#778764

#648786

Color Blindness Simulation

Original

#746487

Protanopia

#6D6D7F

Deuteranopia

#6E6F7C

Tritanopia

#737876

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F7F6F8
100
#EDEBEF
200
#DBD6E1
300
#C1B9CB
400
#9F93AF
500
#7E6D92
600
#655775
700
#51455E
800
#3F3649
900
#302A37
950
#1E1A23

Contrast Checker

Text on white

5.36:1

AA Pass AAA Fail

Text on black

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