#020053

#020053

Color Values

HEX

#020053

RGB

2, 0, 83

HSL

241.4, 100.0%, 16.3%

HSV

241.4, 100.0%, 32.5%

CMYK

97.6%, 100.0%, 0.0%, 67.5%

OKLCH

0.2013 0.1375 265.6

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#020053

#515300

Analogous

#002853

#2C0053

#020053

Triadic

#020053

#530200

#005302

Split Complementary

#020053

#532C00

#285300

Tetradic

#020053

#530028

#515300

#00532C

Color Blindness Simulation

Original

#020053

Protanopia

#01013F

Deuteranopia

#01013A

Tritanopia

#022F2C

Achromatopsia

#060606

CSS Usage

background-color: #020053;
color: #020053;
border-color: #020053;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F1F1FE
100
#DFDEFC
200
#B9B8FF
300
#8785FF
400
#4742FF
500
#0600FF
600
#0500CC
700
#0400A3
800
#030080
900
#07055C
950
#04033A

Contrast Checker

Text on white

18.63:1

AA Pass AAA Pass

Text on black

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