Recognised as Colour

#4F877A

#4F877A
Cyan
Dark
Nearest: Cadetblue

#4F877A is a cyan with RGB values 79, 135, 122 and HSL 166°, 26%, 42%. It is a dark colour, so black text on it reaches 5.1:1 contrast (AA for normal text). The nearest named colour is Cadetblue.

Colour values

#4F877A#4F877A

HEX#4F877A

RGBrgb(79, 135, 122)

RGB (0–1)0.3098, 0.5294, 0.4784

RGB percentages31%, 52.9%, 47.8%

HSLhsl(166.1, 26.2%, 42%)

HSV / HSBhsv(166.1, 41.5%, 52.9%)

CMYK41.5%, 0%, 9.6%, 47.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,212,026

CSS custom property--colour: #4F877A;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.08:1

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

Contrast with black5.08:1WCAG normal text: AA

Greyscale equivalent#7A7A7A

Inverted#B07885

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#797A7Bno green cones; the most common form, about 1% of men; ΔE 21.7 from the original

Tritanopia#3C8883no blue cones; rare, and affects men and women equally; ΔE 6.3 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text5.08:1WCAG large text: AAA

Named colours

Cadetblue · ΔE 12.5 Teal · ΔE 12.7 Dark cyan · ΔE 13.5 Gray · ΔE 21.8 Light seagreen · ΔE 22.1 Slate grey · ΔE 22.9

Nearest named CSS colourCadetblue (#5F9EA0)ΔE 12.54, a distinctly different colour

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#874F5C

Analogous#4F875E, #4F7887

Triadic#7A4F87, #877A4F

Split complementary#874F78, #875E4F

Tetradic#5E4F87, #874F5C, #78874F

Tints, shades & saturation

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

Lighter +40%#C5DDD7

Lighter +30%#A5CAC2

Lighter +20%#85B7AC

Lighter +10%#64A596

Darker −10%#3C675D

Darker −20%#294740

Darker −30%#172623

Darker −40%#040606

More saturated +25%#34A288

Less saturated −25%#6A6C6C

Channel breakdown

R79

G135

B122

Red79 (31%)

Green135 (52.9%)

Blue122 (47.8%)

Hue166.07°

Saturation (HSL)26.17%

Lightness41.96%

Dominant channelGreen

Hex per channelR 4F · G 87 · B 7A

Keep nerding

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

#4F877A

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