#222776

#222776

Color Values

HEX

#222776

RGB

34, 39, 118

HSL

236.4, 55.3%, 29.8%

HSV

236.4, 71.2%, 46.3%

CMYK

71.2%, 66.9%, 0.0%, 53.7%

OKLCH

0.3246 0.1327 273.5

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#222776

#767122

Analogous

#225176

#472276

#222776

Triadic

#222776

#762227

#277622

Split Complementary

#222776

#764722

#517622

Tetradic

#222776

#762251

#767122

#227647

Color Blindness Simulation

Original

#222776

Protanopia

#242463

Deuteranopia

#24245E

Tritanopia

#225450

Achromatopsia

#2C2C2C

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E5E6F6
200
#C8CAEF
300
#A0A4E4
400
#6C73D5
500
#3941C6
600
#2E349E
700
#242A7F
800
#1C2163
900
#181B49
950
#0F112E

Contrast Checker

Text on white

12.96:1

AA Pass AAA Pass

Text on black

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