#4D0F83

#4D0F83

Color Values

HEX

#4D0F83

RGB

77, 15, 131

HSL

272.1, 79.5%, 28.6%

HSV

272.1, 88.5%, 51.4%

CMYK

41.2%, 88.5%, 0.0%, 48.6%

OKLCH

0.3514 0.1715 301.4

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#4D0F83

#45830F

Analogous

#130F83

#830F7F

#4D0F83

Triadic

#4D0F83

#834D0F

#0F834D

Split Complementary

#4D0F83

#7F830F

#0F8313

Tetradic

#4D0F83

#83130F

#45830F

#0F7F83

Color Blindness Simulation

Original

#4D0F83

Protanopia

#323267

Deuteranopia

#363A60

Tritanopia

#4A514C

Achromatopsia

#252525

CSS Usage

background-color: #4D0F83;
color: #4D0F83;
border-color: #4D0F83;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F8F2FD
100
#EEE1F9
200
#DDBFF8
300
#C591F2
400
#A656EC
500
#871AE5
600
#6C15B7
700
#561192
800
#430D72
900
#330E53
950
#200934

Contrast Checker

Text on white

12.27:1

AA Pass AAA Pass

Text on black

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