Colour

#0C2756

#0C2756
Blue
Dark
Nearest: Dark slateblue

#0C2756 is a blue with RGB values 12, 39, 86 and HSL 218°, 76%, 19%. It is a dark colour, so white text on it reaches 14.6:1 contrast (AAA for normal text). The nearest named colour is Dark slateblue.

Colour values

#0C2756#0C2756

HEX#0C2756

RGBrgb(12, 39, 86)

RGB (0–1)0.0471, 0.1529, 0.3373

RGB percentages4.7%, 15.3%, 33.7%

HSLhsl(218.1, 75.5%, 19.2%)

HSV / HSBhsv(218.1, 86%, 33.7%)

CMYK86%, 54.7%, 0%, 66.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer796,502

CSS custom property--colour: #0C2756;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 14.58:1

Contrast with white14.58:1WCAG normal text: AAA

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

Greyscale equivalent#252525

Inverted#F3D8A9

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#092C58no red cones; affects about 1% of men; ΔE 3.9 from the original

Deuteranopia#002655no green cones; the most common form, about 1% of men; ΔE 1.5 from the original

Tritanopia#00323Ano blue cones; rare, and affects men and women equally; ΔE 30.9 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text14.58:1WCAG large text: AAA

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

Named colours

Dark slateblue · ΔE 24.2 Midnight blue · ΔE 28.6 Black · ΔE 36.7 Dark slate grey · ΔE 37.9 Steel blue · ΔE 38.5 Rebecca purple · ΔE 40.2

Nearest named CSS colourDark slateblue (#483D8B)ΔE 24.24, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#563B0C

Analogous#0C4C56, #160C56

Triadic#560C27, #27560C

Split complementary#56160C, #4C560C

Tetradic#560C4C, #563B0C, #0C5616

Tints, shades & saturation

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

Lighter +40%#4882E6

Lighter +30%#1F64DC

Lighter +20%#1850B0

Lighter +10%#123B83

Darker −10%#061329

Darker −20%#000000

Darker −30%#000000

Darker −40%#000000

More saturated +25%#002462

Less saturated −25%#182A4A

Channel breakdown

R12

G39

B86

Red12 (4.7%)

Green39 (15.3%)

Blue86 (33.7%)

Hue218.11°

Saturation (HSL)75.51%

Lightness19.22%

Dominant channelBlue

Hex per channelR 0C · G 27 · B 56

Keep nerding

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

#0C2756

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