#4B0F8C

#4B0F8C

Color Values

HEX

#4B0F8C

RGB

75, 15, 140

HSL

268.8, 80.6%, 30.4%

HSV

268.8, 89.3%, 54.9%

CMYK

46.4%, 89.3%, 0.0%, 45.1%

OKLCH

0.3576 0.1801 297.3

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#4B0F8C

#508C0F

Analogous

#0F128C

#8A0F8C

#4B0F8C

Triadic

#4B0F8C

#8C4B0F

#0F8C4B

Split Complementary

#4B0F8C

#8C8A0F

#128C0F

Tetradic

#4B0F8C

#8C0F12

#508C0F

#0F8C8A

Color Blindness Simulation

Original

#4B0F8C

Protanopia

#31306E

Deuteranopia

#343966

Tritanopia

#485651

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#EDE1F9
200
#DABFF8
300
#C090F3
400
#9E55ED
500
#7B19E6
600
#6314B8
700
#4F1093
800
#3E0C73
900
#2F0D54
950
#1E0835

Contrast Checker

Text on white

12.03:1

AA Pass AAA Pass

Text on black

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