#111756

#111756

Color Values

HEX

#111756

RGB

17, 23, 86

HSL

234.8, 67.0%, 20.2%

HSV

234.8, 80.2%, 33.7%

CMYK

80.2%, 73.3%, 0.0%, 66.3%

OKLCH

0.2503 0.1121 271.1

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#111756

#565011

Analogous

#113956

#2E1156

#111756

Triadic

#111756

#561117

#175611

Split Complementary

#111756

#562E11

#395611

Tetradic

#111756

#561139

#565011

#11562E

Color Blindness Simulation

Original

#111756

Protanopia

#141447

Deuteranopia

#131343

Tritanopia

#113B38

Achromatopsia

#1A1A1A

CSS Usage

background-color: #111756;
color: #111756;
border-color: #111756;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F3F4FC
100
#E3E5F7
200
#C3C8F3
300
#99A0EB
400
#616CE0
500
#2A39D5
600
#222EAA
700
#1B2488
800
#151C6A
900
#13184E
950
#0C0F31

Contrast Checker

Text on white

16.4:1

AA Pass AAA Pass

Text on black

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