#2116B6

#2116B6

Color Values

HEX

#2116B6

RGB

33, 22, 182

HSL

244.1, 78.4%, 40.0%

HSV

244.1, 87.9%, 71.4%

CMYK

81.9%, 87.9%, 0.0%, 28.6%

OKLCH

0.3747 0.2273 270.2

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#2116B6

#ABB616

Analogous

#165BB6

#7116B6

#2116B6

Triadic

#2116B6

#B62116

#16B621

Split Complementary

#2116B6

#B67116

#5BB616

Tetradic

#2116B6

#B6165B

#ABB616

#16B671

Color Blindness Simulation

Original

#2116B6

Protanopia

#1C1C8F

Deuteranopia

#1D1E86

Tritanopia

#20716A

Achromatopsia

#242424

CSS Usage

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

Tailwind Shades

50
#F3F2FC
100
#E3E1F9
200
#C3BFF7
300
#9892F2
400
#6157EB
500
#291CE3
600
#2116B6
700
#1A1292
800
#150E72
900
#130E53
950
#0C0934

Contrast Checker

Text on white

11.32:1

AA Pass AAA Pass

Text on black

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