Colour

#506A61

#506A61
Cyan
Dark
Nearest: Dim grey

#506A61 is a cyan with RGB values 80, 106, 97 and HSL 159°, 14%, 36%. It is a dark colour, so white text on it reaches 5.9:1 contrast (AA for normal text). The nearest named colour is Dim grey.

Colour values

#506A61#506A61

HEX#506A61

RGBrgb(80, 106, 97)

RGB (0–1)0.3137, 0.4157, 0.3804

RGB percentages31.4%, 41.6%, 38%

HSLhsl(159.2, 14%, 36.5%)

HSV / HSBhsv(159.2, 24.5%, 41.6%)

CMYK24.5%, 0%, 8.5%, 58.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,270,113

CSS custom property--colour: #506A61;

Brightness & contrast

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

Perceived brightness97.9 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.87:1

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

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

Greyscale equivalent#646464

Inverted#AF959E

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Dim grey · ΔE 12 Dark slate grey · ΔE 12.7 Gray · ΔE 16.2 Slate grey · ΔE 18.8 Teal · ΔE 20.9 Light slate grey · ΔE 20.9

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

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#6A5059

Analogous#506A54, #50666A

Triadic#61506A, #6A6150

Split complementary#6A5066, #6A5450

Tetradic#54506A, #6A5059, #666A50

Tints, shades & saturation

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

Lighter +40%#BBCBC6

Lighter +30%#9EB5AD

Lighter +20%#80A095

Lighter +10%#66877C

Darker −10%#3A4D46

Darker −20%#24302C

Darker −30%#0E1311

Darker −40%#000000

More saturated +25%#398168

Less saturated −25%#5D5D5D

Channel breakdown

R80

G106

B97

Red80 (31.4%)

Green106 (41.6%)

Blue97 (38%)

Hue159.23°

Saturation (HSL)13.98%

Lightness36.47%

Dominant channelGreen

Hex per channelR 50 · G 6A · B 61

Keep nerding

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

#506A61

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