#020963

#020963

Color Values

HEX

#020963

RGB

2, 9, 99

HSL

235.7, 96.0%, 19.8%

HSV

235.7, 98.0%, 38.8%

CMYK

98.0%, 90.9%, 0.0%, 61.2%

OKLCH

0.238 0.1482 265.1

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#020963

#635C02

Analogous

#023963

#2C0263

#020963

Triadic

#020963

#630209

#096302

Split Complementary

#020963

#632C02

#396302

Tetradic

#020963

#630239

#635C02

#02632C

Color Blindness Simulation

Original

#020963

Protanopia

#05054D

Deuteranopia

#050448

Tritanopia

#023C38

Achromatopsia

#0E0E0E

CSS Usage

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

Tailwind Shades

50
#F1F2FE
100
#DFE1FC
200
#B9BEFE
300
#878FFD
400
#4653FB
500
#0517FA
600
#0412C8
700
#030EA0
800
#030B7D
900
#070D5A
950
#040839

Contrast Checker

Text on white

17.19:1

AA Pass AAA Pass

Text on black

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