Recognised as Colour

#5E7295

#5E7295
Blue
Dark
Nearest: Slate grey

#5E7295 is a blue with RGB values 94, 114, 149 and HSL 218°, 23%, 48%. It is a dark colour, so white text on it reaches 4.9:1 contrast (AA for normal text). The nearest named colour is Slate grey.

Colour values

#5E7295#5E7295

HEX#5E7295

RGBrgb(94, 114, 149)

RGB (0–1)0.3686, 0.4471, 0.5843

RGB percentages36.9%, 44.7%, 58.4%

HSLhsl(218.2, 22.6%, 47.6%)

HSV / HSBhsv(218.2, 36.9%, 58.4%)

CMYK36.9%, 23.5%, 0%, 41.6%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer6,189,717

CSS custom property--colour: #5E7295;

Brightness & contrast

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

Perceived brightness113.1 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 4.86:1

Contrast with white4.86:1WCAG normal text: AA

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

Greyscale equivalent#707070

Inverted#A18D6A

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#606F94no green cones; the most common form, about 1% of men; ΔE 2.3 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text4.86:1WCAG large text: AAA

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

Named colours

Slate grey · ΔE 12.6 Steel blue · ΔE 13.1 Light slate grey · ΔE 13.7 Dim grey · ΔE 21.7 Gray · ΔE 22.2 Dark slate grey · ΔE 27.6

Nearest named CSS colourSlate grey (#708090)ΔE 12.56, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#95815E

Analogous#5E8D95, #665E95

Triadic#955E72, #72955E

Split complementary#95665E, #8E955E

Tetradic#955E8D, #95815E, #5E9566

Tints, shades & saturation

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

Lighter +40%#D8DEE7

Lighter +30%#B9C2D3

Lighter +20%#9AA7BF

Lighter +10%#7B8CAB

Darker −10%#4A5A76

Darker −20%#374256

Darker −30%#232A37

Darker −40%#0F1218

More saturated +25%#406AB3

Less saturated −25%#7A7A7A

Channel breakdown

R94

G114

B149

Red94 (36.9%)

Green114 (44.7%)

Blue149 (58.4%)

Hue218.18°

Saturation (HSL)22.63%

Lightness47.65%

Dominant channelBlue

Hex per channelR 5E · G 72 · B 95

Keep nerding

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

#5E7295

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