Colour

#5D6E95

#5D6E95
Blue
Dark
Nearest: Steel blue

#5D6E95 is a blue with RGB values 93, 110, 149 and HSL 222°, 23%, 47%. It is a dark colour, so white text on it reaches 5.1:1 contrast (AA for normal text). The nearest named colour is Steel blue.

Colour values

#5D6E95#5D6E95

HEX#5D6E95

RGBrgb(93, 110, 149)

RGB (0–1)0.3647, 0.4314, 0.5843

RGB percentages36.5%, 43.1%, 58.4%

HSLhsl(221.8, 23.1%, 47.5%)

HSV / HSBhsv(221.8, 37.6%, 58.4%)

CMYK37.6%, 26.2%, 0%, 41.6%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer6,123,157

CSS custom property--colour: #5D6E95;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.09:1

Contrast with white5.09:1WCAG normal text: AA

Contrast with black4.13:1WCAG normal text: Fail

Greyscale equivalent#6D6D6D

Inverted#A2916A

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#5C6C94no green cones; the most common form, about 1% of men; ΔE 1 from the original

Tritanopia#4C767Bno blue cones; rare, and affects men and women equally; ΔE 23.3 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text5.09:1WCAG large text: AAA

Contrast with black, large text4.13:1WCAG large text: AA

Named colours

Steel blue · ΔE 13.3 Slate grey · ΔE 15.4 Light slate grey · ΔE 16.5 Dim grey · ΔE 23.7 Gray · ΔE 24.6 Dark slate grey · ΔE 29.3

Nearest named CSS colourSteel blue (#4682B4)ΔE 13.31, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#95845D

Analogous#5D8A95, #685D95

Triadic#955D6E, #6E955D

Split complementary#95685D, #8A955D

Tetradic#955D8A, #95845D, #5D9568

Tints, shades & saturation

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

Lighter +40%#D8DCE6

Lighter +30%#B8C0D3

Lighter +20%#99A4BF

Lighter +10%#7989AC

Darker −10%#495776

Darker −20%#364056

Darker −30%#222837

Darker −40%#0F1117

More saturated +25%#3F62B3

Less saturated −25%#797979

Channel breakdown

R93

G110

B149

Red93 (36.5%)

Green110 (43.1%)

Blue149 (58.4%)

Hue221.79°

Saturation (HSL)23.14%

Lightness47.45%

Dominant channelBlue

Hex per channelR 5D · G 6E · B 95

Keep nerding

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

#5D6E95

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