#482364

#482364

Color Values

HEX

#482364

RGB

72, 35, 100

HSL

274.2, 48.1%, 26.5%

HSV

274.2, 65.0%, 39.2%

CMYK

28.0%, 65.0%, 0.0%, 60.8%

OKLCH

0.3403 0.1128 307.7

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#482364

#3F6423

Analogous

#282364

#642360

#482364

Triadic

#482364

#644823

#236448

Split Complementary

#482364

#606423

#236428

Tetradic

#482364

#642823

#3F6423

#236064

Color Blindness Simulation

Original

#482364

Protanopia

#383854

Deuteranopia

#3A3D50

Tritanopia

#464845

Achromatopsia

#303030

CSS Usage

background-color: #482364;
color: #482364;
border-color: #482364;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F8F4FA
100
#EEE6F4
200
#DECAEC
300
#C6A4DF
400
#A773CE
500
#8842BD
600
#6D3597
700
#572A79
800
#44215E
900
#331B45
950
#20112C

Contrast Checker

Text on white

12.35:1

AA Pass AAA Pass

Text on black

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