#52027D

#52027D

Color Values

HEX

#52027D

RGB

82, 2, 125

HSL

279.0, 96.9%, 24.9%

HSV

279.0, 98.4%, 49.0%

CMYK

34.4%, 98.4%, 0.0%, 51.0%

OKLCH

0.3453 0.1751 307.4

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#52027D

#2D7D02

Analogous

#14027D

#7D026B

#52027D

Triadic

#52027D

#7D5202

#027D52

Split Complementary

#52027D

#6B7D02

#027D14

Tetradic

#52027D

#7D1402

#2D7D02

#026B7D

Color Blindness Simulation

Original

#52027D

Protanopia

#2F2F5F

Deuteranopia

#343A58

Tritanopia

#4E4843

Achromatopsia

#1C1C1C

CSS Usage

background-color: #52027D;
color: #52027D;
border-color: #52027D;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F9F1FE
100
#F2DEFC
200
#E6B9FE
300
#D486FD
400
#BC45FC
500
#A504FB
600
#8403C9
700
#6903A1
800
#52027E
900
#3D065B
950
#270439

Contrast Checker

Text on white

12.62:1

AA Pass AAA Pass

Text on black

1.66:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026