Colour

#0D4464

#0D4464
Blue
Dark
Nearest: Dark slate grey

#0D4464 is a blue with RGB values 13, 68, 100 and HSL 202°, 77%, 22%. It is a dark colour, so white text on it reaches 10.4:1 contrast (AAA for normal text). The nearest named colour is Dark slate grey.

Colour values

#0D4464#0D4464

HEX#0D4464

RGBrgb(13, 68, 100)

RGB (0–1)0.051, 0.2667, 0.3922

RGB percentages5.1%, 26.7%, 39.2%

HSLhsl(202.1, 77%, 22.2%)

HSV / HSBhsv(202.1, 87%, 39.2%)

CMYK87%, 32%, 0%, 60.8%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer869,476

CSS custom property--colour: #0D4464;

Brightness & contrast

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

Perceived brightness62.5 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 10.36:1

Contrast with white10.36:1WCAG normal text: AAA

Contrast with black2.03:1WCAG normal text: Fail

Greyscale equivalent#3B3B3B

Inverted#F2BB9B

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#354465no red cones; affects about 1% of men; ΔE 9 from the original

Deuteranopia#293D63no green cones; the most common form, about 1% of men; ΔE 9.4 from the original

Tritanopia#004C4Fno blue cones; rare, and affects men and women equally; ΔE 21.5 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text10.36:1WCAG large text: AAA

Contrast with black, large text2.03:1WCAG large text: Fail

Named colours

Dark slate grey · ΔE 21.6 Steel blue · ΔE 26.7 Slate grey · ΔE 28.9 Dim grey · ΔE 29.6 Light slate grey · ΔE 31.5 Teal · ΔE 35.6

Nearest named CSS colourDark slate grey (#2F4F4F)ΔE 21.55, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#642D0D

Analogous#0D6459, #0D1864

Triadic#640D44, #44640D

Split complementary#640D18, #64590D

Tetradic#590D64, #642D0D, #18640D

Tints, shades & saturation

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

Lighter +40%#54B2E9

Lighter +30%#279EE3

Lighter +20%#1981BE

Lighter +10%#136391

Darker −10%#072537

Darker −20%#01070A

Darker −30%#000000

Darker −40%#000000

More saturated +25%#004771

Less saturated −25%#1B4056

Channel breakdown

R13

G68

B100

Red13 (5.1%)

Green68 (26.7%)

Blue100 (39.2%)

Hue202.07°

Saturation (HSL)76.99%

Lightness22.16%

Dominant channelBlue

Hex per channelR 0D · G 44 · B 64

Keep nerding

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

#0D4464

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