#16022B

#16022B

Color Values

HEX

#16022B

RGB

22, 2, 43

HSL

269.3, 91.1%, 8.8%

HSV

269.3, 95.3%, 16.9%

CMYK

48.8%, 95.3%, 0.0%, 83.1%

OKLCH

0.1677 0.0805 301.6

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#16022B

#172B02

Analogous

#02022B

#2A022B

#16022B

Triadic

#16022B

#2B1602

#022B16

Split Complementary

#16022B

#2B2A02

#022B02

Tetradic

#16022B

#2B0202

#172B02

#022B2A

Color Blindness Simulation

Original

#16022B

Protanopia

#0D0D21

Deuteranopia

#0E101F

Tritanopia

#151918

Achromatopsia

#090909

CSS Usage

background-color: #16022B;
color: #16022B;
border-color: #16022B;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F7F1FD
100
#EDDFFB
200
#DBBBFC
300
#C08AFA
400
#9F4BF7
500
#7D0BF4
600
#6409C3
700
#50079C
800
#3E067A
900
#300958
950
#1E0638

Contrast Checker

Text on white

19.49:1

AA Pass AAA Pass

Text on black

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