#4A0F64

#4A0F64

Color Values

HEX

#4A0F64

RGB

74, 15, 100

HSL

281.6, 73.9%, 22.5%

HSV

281.6, 85.0%, 39.2%

CMYK

26.0%, 85.0%, 0.0%, 60.8%

OKLCH

0.319 0.1403 312.5

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#4A0F64

#29640F

Analogous

#1F0F64

#640F53

#4A0F64

Triadic

#4A0F64

#644A0F

#0F644A

Split Complementary

#4A0F64

#53640F

#0F641F

Tetradic

#4A0F64

#641F0F

#29640F

#0F5364

Color Blindness Simulation

Original

#4A0F64

Protanopia

#30304F

Deuteranopia

#34384A

Tritanopia

#473F3C

Achromatopsia

#222222

CSS Usage

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

Tailwind Shades

50
#F9F3FC
100
#F1E2F8
200
#E6C1F6
300
#D395EF
400
#BC5BE6
500
#A421DE
600
#831BB1
700
#69158E
800
#52116F
900
#3D1051
950
#260A33

Contrast Checker

Text on white

13.61:1

AA Pass AAA Pass

Text on black

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