#16228D

#16228D

Color Values

HEX

#16228D

RGB

22, 34, 141

HSL

233.9, 73.0%, 32.0%

HSV

233.9, 84.4%, 55.3%

CMYK

84.4%, 75.9%, 0.0%, 44.7%

OKLCH

0.3338 0.1727 268.4

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#16228D

#8D8116

Analogous

#165E8D

#45168D

#16228D

Triadic

#16228D

#8D1622

#228D16

Split Complementary

#16228D

#8D4516

#5E8D16

Tetradic

#16228D

#8D165E

#8D8116

#168D45

Color Blindness Simulation

Original

#16228D

Protanopia

#1B1B73

Deuteranopia

#1A1A6D

Tritanopia

#175F5A

Achromatopsia

#272727

CSS Usage

background-color: #16228D;
color: #16228D;
border-color: #16228D;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F3F4FC
100
#E2E4F8
200
#C1C7F5
300
#959EEE
400
#5C6AE6
500
#2235DD
600
#1C2BB0
700
#16228D
800
#111B6E
900
#111750
950
#0A0F33

Contrast Checker

Text on white

12.75:1

AA Pass AAA Pass

Text on black

1.65:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026