#020497

#020497

Color Values

HEX

#020497

RGB

2, 4, 151

HSL

239.2, 97.4%, 30.0%

HSV

239.2, 98.7%, 59.2%

CMYK

98.7%, 97.4%, 0.0%, 40.8%

OKLCH

0.3091 0.2095 264.5

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#020497

#979502

Analogous

#024E97

#4B0297

#020497

Triadic

#020497

#970204

#049702

Split Complementary

#020497

#974B02

#4E9702

Tetradic

#020497

#97024E

#979502

#02974B

Color Blindness Simulation

Original

#020497

Protanopia

#030373

Deuteranopia

#03036B

Tritanopia

#025751

Achromatopsia

#0E0E0E

CSS Usage

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

Tailwind Shades

50
#F1F1FE
100
#DEDFFC
200
#B9B9FE
300
#8688FD
400
#4547FD
500
#0307FC
600
#0305C9
700
#0204A1
800
#02037E
900
#06075B
950
#040439

Contrast Checker

Text on white

14.32:1

AA Pass AAA Pass

Text on black

1.47:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026