Recognised as Colour

#517A6C

#517A6C
Cyan
Dark
Nearest: Teal

#517A6C is a cyan with RGB values 81, 122, 108 and HSL 160°, 20%, 40%. It is a dark colour, so white text on it reaches 4.8:1 contrast (AA for normal text). The nearest named colour is Teal.

Colour values

#517A6C#517A6C

HEX#517A6C

RGBrgb(81, 122, 108)

RGB (0–1)0.3176, 0.4784, 0.4235

RGB percentages31.8%, 47.8%, 42.4%

HSLhsl(159.5, 20.2%, 39.8%)

HSV / HSBhsv(159.5, 33.6%, 47.8%)

CMYK33.6%, 0%, 11.5%, 52.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,339,756

CSS custom property--colour: #517A6C;

Brightness & contrast

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

Perceived brightness109.7 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 4.83:1

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

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

Greyscale equivalent#707070

Inverted#AE8593

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#78756Bno red cones; affects about 1% of men; ΔE 17.1 from the original

Deuteranopia#70706Dno green cones; the most common form, about 1% of men; ΔE 17.1 from the original

Tritanopia#467B76no blue cones; rare, and affects men and women equally; ΔE 6.1 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Teal · ΔE 16.2 Cadetblue · ΔE 17 Dim grey · ΔE 18.2 Dark cyan · ΔE 18.3 Gray · ΔE 18.8 Dark slate grey · ΔE 19

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

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#7A515F

Analogous#517A57, #51747A

Triadic#6C517A, #7A6C51

Split complementary#7A5174, #7A5751

Tetradic#57517A, #7A515F, #747A51

Tints, shades & saturation

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

Lighter +40%#C1D6CF

Lighter +30%#A2C2B7

Lighter +20%#84AD9F

Lighter +10%#659987

Darker −10%#3D5B51

Darker −20%#283D36

Darker −30%#141E1B

Darker −40%#000000

More saturated +25%#389374

Less saturated −25%#666666

Channel breakdown

R81

G122

B108

Red81 (31.8%)

Green122 (47.8%)

Blue108 (42.4%)

Hue159.51°

Saturation (HSL)20.2%

Lightness39.8%

Dominant channelGreen

Hex per channelR 51 · G 7A · B 6C

Keep nerding

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

#517A6C

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