Recognised as Colour

#1E686E

#1E686E
Cyan
Dark
Nearest: Teal

#1E686E is a cyan with RGB values 30, 104, 110 and HSL 185°, 57%, 27%. It is a dark colour, so white text on it reaches 6.4:1 contrast (AA for normal text). The nearest named colour is Teal.

Colour values

#1E686E#1E686E

HEX#1E686E

RGBrgb(30, 104, 110)

RGB (0–1)0.1176, 0.4078, 0.4314

RGB percentages11.8%, 40.8%, 43.1%

HSLhsl(184.5, 57.1%, 27.5%)

HSV / HSBhsv(184.5, 72.7%, 43.1%)

CMYK72.7%, 5.5%, 0%, 56.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer1,992,814

CSS custom property--colour: #1E686E;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 6.44:1

Contrast with white6.44:1WCAG normal text: AA

Contrast with black3.26:1WCAG normal text: Fail

Greyscale equivalent#595959

Inverted#E19791

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#60636Eno red cones; affects about 1% of men; ΔE 21.6 from the original

Deuteranopia#545B6Eno green cones; the most common form, about 1% of men; ΔE 21.9 from the original

Tritanopia#006C6Ano blue cones; rare, and affects men and women equally; ΔE 7.3 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text6.44:1WCAG large text: AAA

Contrast with black, large text3.26:1WCAG large text: AA

Named colours

Teal · ΔE 12.2 Dark slate grey · ΔE 13.5 Dark cyan · ΔE 16.2 Cadetblue · ΔE 21.2 Slate grey · ΔE 21.9 Dim grey · ΔE 22.7

Nearest named CSS colourTeal (#008080)ΔE 12.19, a distinctly different colour

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#6E241E

Analogous#1E6E4C, #1E406E

Triadic#6E1E68, #686E1E

Split complementary#6E1E40, #6E4C1E

Tetradic#4C1E6E, #6E241E, #406E1E

Tints, shades & saturation

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

Lighter +40%#7DD4DB

Lighter +30%#55C7D1

Lighter +20%#34B4BE

Lighter +10%#298E96

Darker −10%#134246

Darker −20%#081C1E

Darker −30%#000000

Darker −40%#000000

More saturated +25%#0D7780

Less saturated −25%#30595D

Channel breakdown

R30

G104

B110

Red30 (11.8%)

Green104 (40.8%)

Blue110 (43.1%)

Hue184.5°

Saturation (HSL)57.14%

Lightness27.45%

Dominant channelBlue

Hex per channelR 1E · G 68 · B 6E

Keep nerding

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

#1E686E

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