#112CBB

#112CBB

Color Values

HEX

#112CBB

RGB

17, 44, 187

HSL

230.5, 83.3%, 40.0%

HSV

230.5, 90.9%, 73.3%

CMYK

90.9%, 76.5%, 0.0%, 26.7%

OKLCH

0.3997 0.22 265.7

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#112CBB

#BBA011

Analogous

#1181BB

#4B11BB

#112CBB

Triadic

#112CBB

#BB112C

#2CBB11

Split Complementary

#112CBB

#BB4B11

#81BB11

Tetradic

#112CBB

#BB1181

#BBA011

#11BB4B

Color Blindness Simulation

Original

#112CBB

Protanopia

#1D1D98

Deuteranopia

#1B1990

Tritanopia

#127D77

Achromatopsia

#313131

CSS Usage

background-color: #112CBB;
color: #112CBB;
border-color: #112CBB;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F2F4FD
100
#E1E5FA
200
#BEC7F9
300
#8F9FF5
400
#526BEF
500
#1537EA
600
#112CBB
700
#0E2396
800
#0B1B75
900
#0C1855
950
#080F36

Contrast Checker

Text on white

9.99:1

AA Pass AAA Pass

Text on black

2.1:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026