Colour

#0C111B

#0C111B
Blue
Dark
Nearest: Black

#0C111B is a blue with RGB values 12, 17, 27 and HSL 220°, 38%, 8%. It is a dark colour, so white text on it reaches 18.9:1 contrast (AAA for normal text). The nearest named colour is Black.

Colour values

#0C111B#0C111B

HEX#0C111B

RGBrgb(12, 17, 27)

RGB (0–1)0.0471, 0.0667, 0.1059

RGB percentages4.7%, 6.7%, 10.6%

HSLhsl(220, 38.5%, 7.6%)

HSV / HSBhsv(220, 55.6%, 10.6%)

CMYK55.6%, 37%, 0%, 89.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer790,811

CSS custom property--colour: #0C111B;

Brightness & contrast

Relative luminance0.00558WCAG 2.x, 0 is black and 1 is white

Perceived brightness17.2 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 18.89:1

Contrast with white18.89:1WCAG normal text: AAA

Contrast with black1.11:1WCAG normal text: Fail

Greyscale equivalent#111111

Inverted#F3EEE4

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#0E121Bno red cones; affects about 1% of men; ΔE 0.8 from the original

Deuteranopia#0C101Bno green cones; the most common form, about 1% of men; ΔE 0.7 from the original

Tritanopia#071314no blue cones; rare, and affects men and women equally; ΔE 6.8 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text18.89:1WCAG large text: AAA

Contrast with black, large text1.11:1WCAG large text: Fail

Named colours

Black · ΔE 8.8 Dark slate grey · ΔE 29.2 Dim grey · ΔE 40 Slate grey · ΔE 48 Gray · ΔE 49.1 Dark slateblue · ΔE 50.2

Nearest named CSS colourBlack (#000000)ΔE 8.79, clearly different but related

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#1B160C

Analogous#0C191B, #0F0C1B

Triadic#1B0C11, #111B0C

Split complementary#1B0F0C, #181B0C

Tetradic#1B0C18, #1B160C, #0C1B0F

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#4B6AA8

Lighter +30%#3B5485

Lighter +20%#2B3D62

Lighter +10%#1C273E

Darker −10%#000000

Darker −20%#000000

Darker −30%#000000

Darker −40%#000000

More saturated +25%#070F20

Less saturated −25%#111316

Channel breakdown

R12

G17

B27

Red12 (4.7%)

Green17 (6.7%)

Blue27 (10.6%)

Hue220°

Saturation (HSL)38.46%

Lightness7.65%

Dominant channelBlue

Hex per channelR 0C · G 11 · B 1B

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#0C111B

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else