#4B2172

#4B2172

Color Values

HEX

#4B2172

RGB

75, 33, 114

HSL

271.1, 55.1%, 28.8%

HSV

271.1, 71.1%, 44.7%

CMYK

34.2%, 71.1%, 0.0%, 55.3%

OKLCH

0.3521 0.1337 304.0

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#4B2172

#487221

Analogous

#222172

#722170

#4B2172

Triadic

#4B2172

#724B21

#21724B

Split Complementary

#4B2172

#707221

#217222

Tetradic

#4B2172

#722221

#487221

#217072

Color Blindness Simulation

Original

#4B2172

Protanopia

#39385E

Deuteranopia

#3B3E5A

Tritanopia

#494F4C

Achromatopsia

#303030

CSS Usage

background-color: #4B2172;
color: #4B2172;
border-color: #4B2172;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F7F4FB
100
#EDE5F6
200
#DCC8EF
300
#C3A0E4
400
#A36DD5
500
#8239C6
600
#682E9E
700
#53257F
800
#411D63
900
#311848
950
#1F0F2E

Contrast Checker

Text on white

11.93:1

AA Pass AAA Pass

Text on black

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