Colour

#5D869E

#5D869E
Blue
Dark
Nearest: Light slate grey

#5D869E is a blue with RGB values 93, 134, 158 and HSL 202°, 26%, 49%. It is a dark colour, so black text on it reaches 5.4:1 contrast (AA for normal text). The nearest named colour is Light slate grey.

Colour values

#5D869E#5D869E

HEX#5D869E

RGBrgb(93, 134, 158)

RGB (0–1)0.3647, 0.5255, 0.6196

RGB percentages36.5%, 52.5%, 62%

HSLhsl(202.2, 25.9%, 49.2%)

HSV / HSBhsv(202.2, 41.1%, 62%)

CMYK41.1%, 15.2%, 0%, 38%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer6,129,310

CSS custom property--colour: #5D869E;

Brightness & contrast

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

Perceived brightness126.4 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.37:1

Contrast with white3.91:1WCAG normal text: Fail

Contrast with black5.37:1WCAG normal text: AA

Greyscale equivalent#7F7F7F

Inverted#A27961

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#7B859Fno red cones; affects about 1% of men; ΔE 10.3 from the original

Deuteranopia#727E9Eno green cones; the most common form, about 1% of men; ΔE 11 from the original

Tritanopia#448C8Eno blue cones; rare, and affects men and women equally; ΔE 16.9 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text3.91:1WCAG large text: AA

Contrast with black, large text5.37:1WCAG large text: AAA

Named colours

Light slate grey · ΔE 8.5 Slate grey · ΔE 8.8 Steel blue · ΔE 15.4 Cadetblue · ΔE 17.1 Gray · ΔE 18.9 Dim grey · ΔE 21.1

Nearest named CSS colourLight slate grey (#778899)ΔE 8.48, clearly different but related

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#9E755D

Analogous#5D9E96, #5D659E

Triadic#9E5D86, #869E5D

Split complementary#9E5D65, #9E965D

Tetradic#965D9E, #9E755D, #659E5D

Tints, shades & saturation

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

Lighter +40%#DCE5EB

Lighter +30%#BCCED8

Lighter +20%#9CB6C5

Lighter +10%#7C9EB2

Darker −10%#4A6B7E

Darker −20%#37505E

Darker −30%#24343E

Darker −40%#11191E

More saturated +25%#3E8EBD

Less saturated −25%#7C7E7F

Channel breakdown

R93

G134

B158

Red93 (36.5%)

Green134 (52.5%)

Blue158 (62%)

Hue202.15°

Saturation (HSL)25.9%

Lightness49.22%

Dominant channelBlue

Hex per channelR 5D · G 86 · B 9E

Keep nerding

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

#5D869E

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