#4A0C6F

#4A0C6F

Color Values

HEX

#4A0C6F

RGB

74, 12, 111

HSL

277.6, 80.5%, 24.1%

HSV

277.6, 89.2%, 43.5%

CMYK

33.3%, 89.2%, 0.0%, 56.5%

OKLCH

0.3264 0.1536 307.6

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#4A0C6F

#316F0C

Analogous

#190C6F

#6F0C62

#4A0C6F

Triadic

#4A0C6F

#6F4A0C

#0C6F4A

Split Complementary

#4A0C6F

#626F0C

#0C6F19

Tetradic

#4A0C6F

#6F190C

#316F0C

#0C626F

Color Blindness Simulation

Original

#4A0C6F

Protanopia

#2F2F57

Deuteranopia

#333751

Tritanopia

#474440

Achromatopsia

#202020

CSS Usage

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

Tailwind Shades

50
#F9F2FD
100
#F0E1F9
200
#E3BFF8
300
#CE91F3
400
#B455ED
500
#9A19E6
600
#7B14B8
700
#621093
800
#4D0C73
900
#390D54
950
#240835

Contrast Checker

Text on white

13.35:1

AA Pass AAA Pass

Text on black

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