#020B6F

#020B6F

Color Values

HEX

#020B6F

RGB

2, 11, 111

HSL

235.0, 96.5%, 22.2%

HSV

235.0, 98.2%, 43.5%

CMYK

98.2%, 90.1%, 0.0%, 56.5%

OKLCH

0.2573 0.1612 264.9

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#020B6F

#6F6602

Analogous

#02426F

#30026F

#020B6F

Triadic

#020B6F

#6F020B

#0B6F02

Split Complementary

#020B6F

#6F3002

#426F02

Tetradic

#020B6F

#6F0242

#6F6602

#026F30

Color Blindness Simulation

Original

#020B6F

Protanopia

#060657

Deuteranopia

#050551

Tritanopia

#024440

Achromatopsia

#101010

CSS Usage

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

Tailwind Shades

50
#F1F2FE
100
#DFE1FC
200
#B9BFFE
300
#8791FD
400
#4655FC
500
#0419FB
600
#0414C8
700
#0310A0
800
#020C7D
900
#060D5B
950
#040839

Contrast Checker

Text on white

16.41:1

AA Pass AAA Pass

Text on black

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