Colour

#506D66

#506D66
Cyan
Dark
Nearest: Dim grey

#506D66 is a cyan with RGB values 80, 109, 102 and HSL 166°, 15%, 37%. It is a dark colour, so white text on it reaches 5.6:1 contrast (AA for normal text). The nearest named colour is Dim grey.

Colour values

#506D66#506D66

HEX#506D66

RGBrgb(80, 109, 102)

RGB (0–1)0.3137, 0.4275, 0.4

RGB percentages31.4%, 42.7%, 40%

HSLhsl(165.5, 15.3%, 37.1%)

HSV / HSBhsv(165.5, 26.6%, 42.7%)

CMYK26.6%, 0%, 6.4%, 57.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,270,886

CSS custom property--colour: #506D66;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.64:1

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

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

Greyscale equivalent#666666

Inverted#AF9299

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#6B6966no red cones; affects about 1% of men; ΔE 12.5 from the original

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

Tritanopia#486E6Bno blue cones; rare, and affects men and women equally; ΔE 3.7 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Dim grey · ΔE 12.2 Dark slate grey · ΔE 13.1 Gray · ΔE 15.7 Slate grey · ΔE 17.5 Teal · ΔE 19.5 Light slate grey · ΔE 19.6

Nearest named CSS colourDim grey (#696969)ΔE 12.23, a distinctly different colour

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#6D5057

Analogous#506D58, #50666D

Triadic#66506D, #6D6650

Split complementary#6D5066, #6D5850

Tetradic#58506D, #6D5057, #666D50

Tints, shades & saturation

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

Lighter +40%#BCCDC9

Lighter +30%#9EB8B2

Lighter +20%#81A29A

Lighter +10%#668A82

Darker −10%#3A504A

Darker −20%#25322F

Darker −30%#0F1513

Darker −40%#000000

More saturated +25%#388572

Less saturated −25%#5F5F5F

Channel breakdown

R80

G109

B102

Red80 (31.4%)

Green109 (42.7%)

Blue102 (40%)

Hue165.52°

Saturation (HSL)15.34%

Lightness37.06%

Dominant channelGreen

Hex per channelR 50 · G 6D · B 66

Keep nerding

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

#506D66

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