#4B0987

#4B0987

Color Values

HEX

#4B0987

RGB

75, 9, 135

HSL

271.4, 87.5%, 28.2%

HSV

271.4, 93.3%, 52.9%

CMYK

44.4%, 93.3%, 0.0%, 47.1%

OKLCH

0.3491 0.1787 299.3

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#4B0987

#458709

Analogous

#0C0987

#870984

#4B0987

Triadic

#4B0987

#874B09

#09874B

Split Complementary

#4B0987

#848709

#09870C

Tetradic

#4B0987

#870C09

#458709

#098487

Color Blindness Simulation

Original

#4B0987

Protanopia

#2E2E69

Deuteranopia

#323761

Tritanopia

#48504B

Achromatopsia

#202020

CSS Usage

background-color: #4B0987;
color: #4B0987;
border-color: #4B0987;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F8F2FD
100
#EEE0FA
200
#DDBCFB
300
#C48CF7
400
#A54EF3
500
#8510EF
600
#6A0DBF
700
#550A99
800
#420878
900
#320A57
950
#200737

Contrast Checker

Text on white

12.44:1

AA Pass AAA Pass

Text on black

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