#2016A5

#2016A5

Color Values

HEX

#2016A5

RGB

32, 22, 165

HSL

244.2, 76.5%, 36.7%

HSV

244.2, 86.7%, 64.7%

CMYK

80.6%, 86.7%, 0.0%, 35.3%

OKLCH

0.3529 0.2087 271.1

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#2016A5

#9BA516

Analogous

#1654A5

#6816A5

#2016A5

Triadic

#2016A5

#A52016

#16A520

Split Complementary

#2016A5

#A56816

#54A516

Tetradic

#2016A5

#A51654

#9BA516

#16A568

Color Blindness Simulation

Original

#2016A5

Protanopia

#1C1C82

Deuteranopia

#1C1D7A

Tritanopia

#206761

Achromatopsia

#222222

CSS Usage

background-color: #2016A5;
color: #2016A5;
border-color: #2016A5;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F3F2FC
100
#E3E2F9
200
#C4C0F7
300
#9A93F1
400
#6358E9
500
#2C1EE1
600
#2318B4
700
#1C1390
800
#160F71
900
#140F52
950
#0C0A34

Contrast Checker

Text on white

12.21:1

AA Pass AAA Pass

Text on black

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