#4B156F

#4B156F

Color Values

HEX

#4B156F

RGB

75, 21, 111

HSL

276.0, 68.2%, 25.9%

HSV

276.0, 81.1%, 43.5%

CMYK

32.4%, 81.1%, 0.0%, 56.5%

OKLCH

0.3354 0.1455 307.3

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#4B156F

#396F15

Analogous

#1E156F

#6F1566

#4B156F

Triadic

#4B156F

#6F4B15

#156F4B

Split Complementary

#4B156F

#666F15

#156F1E

Tetradic

#4B156F

#6F1E15

#396F15

#15666F

Color Blindness Simulation

Original

#4B156F

Protanopia

#343359

Deuteranopia

#373B54

Tritanopia

#484844

Achromatopsia

#272727

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EFE3F7
200
#E0C3F4
300
#CA98EC
400
#AE60E1
500
#9129D6
600
#7420AC
700
#5D1A89
800
#48146B
900
#36134E
950
#220C31

Contrast Checker

Text on white

12.84:1

AA Pass AAA Pass

Text on black

1.64:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026