Colour

#497D63

#497D63
Cyan
Dark
Nearest: Teal

#497D63 is a cyan with RGB values 73, 125, 99 and HSL 150°, 26%, 39%. 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

#497D63#497D63

HEX#497D63

RGBrgb(73, 125, 99)

RGB (0–1)0.2863, 0.4902, 0.3882

RGB percentages28.6%, 49%, 38.8%

HSLhsl(150, 26.3%, 38.8%)

HSV / HSBhsv(150, 41.6%, 49%)

CMYK41.6%, 0%, 20.8%, 51%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer4,816,227

CSS custom property--colour: #497D63;

Brightness & contrast

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

Perceived brightness109 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 4.78:1

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

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

Greyscale equivalent#707070

Inverted#B6829C

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#7C7662no red cones; affects about 1% of men; ΔE 22.7 from the original

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Teal · ΔE 18 Dark cyan · ΔE 19.5 Sea green · ΔE 19.8 Cadetblue · ΔE 21.1 Dark olivegreen · ΔE 23.2 Dark slate grey · ΔE 24.3

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

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#7D4963

Analogous#497D49, #497D7D

Triadic#63497D, #7D6349

Split complementary#7D497D, #7D4949

Tetradic#49497D, #7D4963, #7D7D49

Tints, shades & saturation

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

Lighter +40%#BBD7C9

Lighter +30%#9BC4AF

Lighter +20%#7AB296

Lighter +10%#5C9D7D

Darker −10%#365D4A

Darker −20%#233D30

Darker −30%#111C16

Darker −40%#000000

More saturated +25%#309663

Less saturated −25%#626463

Channel breakdown

R73

G125

B99

Red73 (28.6%)

Green125 (49%)

Blue99 (38.8%)

Hue150°

Saturation (HSL)26.26%

Lightness38.82%

Dominant channelGreen

Hex per channelR 49 · G 7D · B 63

Keep nerding

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

#497D63

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