#32076D

#32076D

Color Values

HEX

#32076D

RGB

50, 7, 109

HSL

265.3, 87.9%, 22.7%

HSV

265.3, 93.6%, 42.7%

CMYK

54.1%, 93.6%, 0.0%, 57.3%

OKLCH

0.2881 0.1515 292.5

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#32076D

#426D07

Analogous

#070F6D

#65076D

#32076D

Triadic

#32076D

#6D3207

#076D32

Split Complementary

#32076D

#6D6507

#0F6D07

Tetradic

#32076D

#6D070F

#426D07

#076D65

Color Blindness Simulation

Original

#32076D

Protanopia

#1F1F54

Deuteranopia

#22254E

Tritanopia

#30413D

Achromatopsia

#181818

CSS Usage

background-color: #32076D;
color: #32076D;
border-color: #32076D;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F6F2FD
100
#EBE0FA
200
#D6BCFB
300
#B98CF8
400
#944EF4
500
#6E0FF0
600
#580CC0
700
#460A99
800
#370878
900
#2A0A57
950
#1B0637

Contrast Checker

Text on white

15.14:1

AA Pass AAA Pass

Text on black

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