#222986

#222986

Color Values

HEX

#222986

RGB

34, 41, 134

HSL

235.8, 59.5%, 32.9%

HSV

235.8, 74.6%, 52.5%

CMYK

74.6%, 69.4%, 0.0%, 47.5%

OKLCH

0.3441 0.1525 272.0

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#222986

#867F22

Analogous

#225B86

#4D2286

#222986

Triadic

#222986

#862229

#298622

Split Complementary

#222986

#864D22

#5B8622

Tetradic

#222986

#86225B

#867F22

#22864D

Color Blindness Simulation

Original

#222986

Protanopia

#252570

Deuteranopia

#25246A

Tritanopia

#225E5A

Achromatopsia

#2E2E2E

CSS Usage

background-color: #222986;
color: #222986;
border-color: #222986;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F3F4FB
100
#E4E5F6
200
#C6C9F1
300
#9DA2E6
400
#6970D9
500
#343ECB
600
#2932A3
700
#212882
800
#1A1F66
900
#171A4A
950
#0E112F

Contrast Checker

Text on white

12.14:1

AA Pass AAA Pass

Text on black

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