#112D7C

Color Details

HEX
#112D7C
RGB
rgb(17, 45, 124)
HSL
hsl(224, 76%, 28%)
CMYK
cmyk(86%, 64%, 0%, 51%)
Best text on this color #FFFFFF (CR 12.42:1) Determined by WCAG contrast ratio

Readability Previews

Black on #112d7c
Contrast 1.69:1 Fail
White on #112d7c
Contrast 12.42:1 AAA
#112d7c on Black
Contrast 1.69:1 Fail
#112d7c on White
Contrast 12.42:1 AAA

Tints & Shades

#415796
#7081b0
#a0abcb
#0e2463
#0a1b4a
#071232

Complement & Analogous

#7e6111
#2a117e
#11647e

Triadic

#7e112e
#2e7e11

Monochrome

#071232 #0a1b4a #112d7c #7081b0 #a0abcb #cfd5e5

Analogous

#11647e #5893a5 #112d7c #554198 #2a117e #220e65

Complementary Mix

#0a1b4a #112d7c #7081b0 #7e6111 #ab9864 #523f0b

Nearby Colors

#112d7b
#112d7d
#112d6c
#112d8c

Embed #112D7C swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #112D7C

#112D7C converts to RGB(17, 45, 124) and HSL(224, 76%, 28%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#112D7C FAQs

What is the RGB value of #112D7C?
RGB: 17, 45, 124. Copy as CSS: rgb(17, 45, 124)
Is #112D7C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #112D7C?
Complement: #7e6111.
Does #112D7C have good contrast on white or black?
On white: 12.42:1 (AAA (normal text)). On black: 1.69:1 (Fails AA).