Skip to content
ColorPlum

Hex codes

#112233 color: very dark navy hex code, RGB and shades

#112233 is RGB 17, 34, 51: a very dark navy at 210° hue and 13% lightness. White text on it measures 16.14:1, so it suits night-mode backgrounds, headers and business cards.

By Paul Gunder. Every value is computed from published standards; see how ColorPlum works.

Updated

ColorPlum swatch#112233dark, soft blue
HEX
#112233
RGB
rgb(17, 34, 51)
HSL
hsl(210, 50%, 13%)

Best text on it: white at 16.14:1

Copy codes as
Build a paletteMake a gradientCheck contrastWallpaper

Every code for #112233

  • HEX#112233
  • RGBrgb(17, 34, 51)
  • HSLhsl(210, 50%, 13%)
  • HSV210°, 67%, 20%
  • CMYK67%, 33%, 0%, 80%
  • Lablab(12.4% -2.5 -13.6)
  • OKLCHoklch(24.6% 0.04 249.7)
  • Decimal1122867

Tints, shades and tones

From white to black in 10% steps, with #112233 in the middle. Tap a code to copy it.

  1. 90%#E7E9EB
  2. 80%#CFD3D6
  3. 70%#B8BDC2
  4. 60%#A0A7AD
  5. 50%#889199
  6. 40%#707A85
  7. 30%#586470
  8. 20%#414E5C
  9. 10%#293847
  10. Base#112233
  11. 10%#0F1F2E
  12. 20%#0E1B29
  13. 30%#0C1824
  14. 40%#0A141F
  15. 50%#09111A
  16. 60%#070E14
  17. 70%#050A0F
  18. 80%#03070A
  19. 90%#020305

Tones (mixed with gray)

  1. 10%#1C2B3B
  2. 20%#273542
  3. 30%#323E4A
  4. 40%#3D4852
  5. 50%#49515A
  6. 60%#545A61
  7. 70%#5F6469
  8. 80%#6A6D71
  9. 90%#757778

Matching colors

Complementary
Analogous
Triadic
Split complementary
Tetradic (square)
Monochromatic
  • #050A0F
  • #050A0F
  • #112233
  • #24486C
  • #376FA6

#112233 in 3D color space

OKLab, the space ColorPlum does its math in: lightness runs up the pole, hue goes around it and saturation grows outward. The faint shell is every color a screen can show (saturation is drawn wider than lightness so hues separate). Drag to turn it.

#112233 with its complement, its triad and its tint and shade
  • #112233
  • Triad #331122
  • Triad #223311
  • Complement
  • 50% tint
  • 50% shade

#112233 in use

New collectionAutumn edit

Card body text stays dark for reading; #112233 carries the header and the button.

Shop nowTag

Headline in #112233

A paragraph with a link set in this color, which is dark enough for text on white.

How it looks with color-vision deficiency

A simulation (Machado and colleagues, 2009) of how the color and its complement read without one type of cone.

  • Typical color vision#112233
  • Protanopia (no red cones)#1B2334
  • Deuteranopia (no green cones)#161F33
  • Tritanopia (no blue cones)#002628

Contrast and readability

PairingRatioWCAG 2.2
as text on white16.14:1AA AA large AAA
as text on black1.30:1AA AA large AAA
white text on it16.14:1AA AA large AAA
black text on it1.30:1AA AA large AAA
on your background14.09:1AA AA large AAA

Export

:root {
  --112233: #112233;
  --112233-rgb: 17 34 51;
  --112233-on: #ffffff;
}
On this page

This is the code that counts up: 11, 22, 33. Each channel is double and then triple the first, so red is 17, green 34 and blue 51, a ratio of 1 to 2 to 3. The result is a dark slate blue with a hue of 210°, 50% saturation and 13% lightness. The CMYK estimate is 67%, 33%, 0%, 80%, and the decimal value is 1122867. It makes a handy test color because the pattern is easy to type from memory.

What #112233 looks like

On a screen it reads as deep ink or midnight, with enough blue to separate it from black or charcoal. The xkcd survey has a direct match: "dark" (#1B2431) at 1.7 OKLab units away, followed by "navy" (#01153E) at 5.7 and "navy blue" (#001146) at 7.3. The CSS list is farther off: midnightblue (#191970) at 11.6 and navy (#000080) at 15.2 are both much more saturated. So #112233 is more muted than either of the named navies. For a brighter, richer blue, see royal blue.

Contrast

White on #112233 measures 16.14:1, and black on it only 1.30:1. Lighter grays work well: #F0F0F0 gives 14.16:1 and #EEEEEE 13.91:1. The tints give you secondary text colors on it: #E7E9EB reaches 13.26:1, #CFD3D6 10.72:1, #A0A7AD 6.63:1 and #889199 5.04:1, so stay at the 50% tint or lighter for anything small. Raspberry #AA1234 is poor here at 2.18:1.

Tints, shades and harmonies

The tints are #293847 at 10%, #586470 at 30% and #A0A7AD at 60%. Going down, the shades reach #0F1F2E, #0E1B29 and end at #020305. The complementary color is #332211, a dark brown. The triadic partners are #331122 and #223311, and the analogous neighbors are #113333 and #111133. These are all in the same low-light range, so the set works as a family of dark surfaces.

Worked example

A designer is building the dark mode for a note-taking app. Use #112233 for the main background, white for titles, and #CFD3D6 for body text, which measures 10.72:1. Timestamps and hints can step down to #889199 at 5.04:1, the dimmest value that still passes AA. For selected rows, lighten the background to the 10% tint #293847 rather than adding a border. Compared with pure black, the navy cast feels calmer on an OLED screen at night and still leaves room for lighter panels on top.

Sources

  1. W3C, CSS Color Module Level 4: hex notation, sRGB and named colors (checked 2026-11-10) w3.org
  2. W3C, Web Content Accessibility Guidelines (WCAG) 2.2: contrast minimum (checked 2026-11-10) w3.org
  3. xkcd, Color survey results: the 954 most common color names (Randall Munroe, 2010; checked 2026-11-10) xkcd.com