#212A95

#212A95

Color Values

HEX

#212A95

RGB

33, 42, 149

HSL

235.3, 63.7%, 35.7%

HSV

235.3, 77.9%, 58.4%

CMYK

77.9%, 71.8%, 0.0%, 41.6%

OKLCH

0.3607 0.1715 270.6

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#212A95

#958C21

Analogous

#216495

#522195

#212A95

Triadic

#212A95

#95212A

#2A9521

Split Complementary

#212A95

#955221

#649521

Tetradic

#212A95

#952164

#958C21

#219552

Color Blindness Simulation

Original

#212A95

Protanopia

#25257B

Deuteranopia

#242475

Tritanopia

#216762

Achromatopsia

#303030

CSS Usage

background-color: #212A95;
color: #212A95;
border-color: #212A95;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F3F4FB
100
#E3E5F7
200
#C5C8F2
300
#9BA1E9
400
#656EDD
500
#2E3BD1
600
#252FA7
700
#1E2686
800
#171E68
900
#15194C
950
#0D1030

Contrast Checker

Text on white

11.48:1

AA Pass AAA Pass

Text on black

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