#111B84

#111B84

Color Values

HEX

#111B84

RGB

17, 27, 132

HSL

234.8, 77.2%, 29.2%

HSV

234.8, 87.1%, 51.8%

CMYK

87.1%, 79.5%, 0.0%, 48.2%

OKLCH

0.3107 0.1696 268.0

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#111B84

#847A11

Analogous

#115484

#401184

#111B84

Triadic

#111B84

#84111B

#1B8411

Split Complementary

#111B84

#844011

#548411

Tetradic

#111B84

#841154

#847A11

#118440

Color Blindness Simulation

Original

#111B84

Protanopia

#15156B

Deuteranopia

#151464

Tritanopia

#125752

Achromatopsia

#202020

CSS Usage

background-color: #111B84;
color: #111B84;
border-color: #111B84;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F2F3FC
100
#E1E3F9
200
#C0C5F7
300
#939BF1
400
#5864E9
500
#1D2EE2
600
#1725B5
700
#131E91
800
#0F1771
900
#0F1552
950
#090D34

Contrast Checker

Text on white

13.87:1

AA Pass AAA Pass

Text on black

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