#122D91

#122D91

Color Values

HEX

#122D91

RGB

18, 45, 145

HSL

227.2, 77.9%, 32.0%

HSV

227.2, 87.6%, 56.9%

CMYK

87.6%, 69.0%, 0.0%, 43.1%

OKLCH

0.3554 0.1667 265.7

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#122D91

#917612

Analogous

#126D91

#361291

#122D91

Triadic

#122D91

#91122D

#2D9112

Split Complementary

#122D91

#913612

#6D9112

Tetradic

#122D91

#91126D

#917612

#129136

Color Blindness Simulation

Original

#122D91

Protanopia

#1E1E79

Deuteranopia

#1C1A73

Tritanopia

#136662

Achromatopsia

#2E2E2E

CSS Usage

background-color: #122D91;
color: #122D91;
border-color: #122D91;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F2F4FC
100
#E1E6F9
200
#BFCBF7
300
#92A6F1
400
#5777EA
500
#1C47E3
600
#1738B5
700
#122D91
800
#0E2371
900
#0E1D52
950
#091234

Contrast Checker

Text on white

11.6:1

AA Pass AAA Pass

Text on black

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