Recognised as Colour

#5E7E88

#5E7E88
Cyan
Dark
Nearest: Slate grey

#5E7E88 is a cyan with RGB values 94, 126, 136 and HSL 194°, 18%, 45%. It is a dark colour, so black text on it reaches 4.8:1 contrast (AA for normal text). The nearest named colour is Slate grey.

Colour values

#5E7E88#5E7E88

HEX#5E7E88

RGBrgb(94, 126, 136)

RGB (0–1)0.3686, 0.4941, 0.5333

RGB percentages36.9%, 49.4%, 53.3%

HSLhsl(194.3, 18.3%, 45.1%)

HSV / HSBhsv(194.3, 30.9%, 53.3%)

CMYK30.9%, 7.4%, 0%, 46.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer6,192,776

CSS custom property--colour: #5E7E88;

Brightness & contrast

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

Perceived brightness118.6 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 4.82:1

Contrast with white4.36:1WCAG normal text: Fail

Contrast with black4.82:1WCAG normal text: AA

Greyscale equivalent#787878

Inverted#A18177

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

Tritanopia#508281no blue cones; rare, and affects men and women equally; ΔE 9.3 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text4.36:1WCAG large text: AA

Contrast with black, large text4.82:1WCAG large text: AAA

Named colours

Slate grey · ΔE 7.1 Light slate grey · ΔE 8.6 Gray · ΔE 13 Dim grey · ΔE 14.2 Cadetblue · ΔE 15.1 Teal · ΔE 20.2

Nearest named CSS colourSlate grey (#708090)ΔE 7.13, clearly different but related

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#88685E

Analogous#5E887D, #5E6988

Triadic#885E7E, #7E885E

Split complementary#885E69, #887D5E

Tetradic#7D5E88, #88685E, #69885E

Tints, shades & saturation

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

Lighter +40%#D2DDE0

Lighter +30%#B4C6CB

Lighter +20%#96AFB6

Lighter +10%#7897A1

Darker −10%#49626A

Darker −20%#34464C

Darker −30%#1F2A2E

Darker −40%#0B0E0F

More saturated +25%#418DA5

Less saturated −25%#737373

Channel breakdown

R94

G126

B136

Red94 (36.9%)

Green126 (49.4%)

Blue136 (53.3%)

Hue194.29°

Saturation (HSL)18.26%

Lightness45.1%

Dominant channelBlue

Hex per channelR 5E · G 7E · B 88

Keep nerding

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

#5E7E88

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