Recognised as Colour

#637C72

#637C72
Cyan
Dark
Nearest: Gray

#637C72 is a cyan with RGB values 99, 124, 114 and HSL 156°, 11%, 44%. It is a dark colour, so black text on it reaches 4.7:1 contrast (AA for normal text). The nearest named colour is Gray.

Colour values

#637C72#637C72

HEX#637C72

RGBrgb(99, 124, 114)

RGB (0–1)0.3882, 0.4863, 0.4471

RGB percentages38.8%, 48.6%, 44.7%

HSLhsl(156, 11.2%, 43.7%)

HSV / HSBhsv(156, 20.2%, 48.6%)

CMYK20.2%, 0%, 8.1%, 51.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer6,519,922

CSS custom property--colour: #637C72;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 4.66:1

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

Contrast with black4.66:1WCAG normal text: AA

Greyscale equivalent#767676

Inverted#9C838D

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

Tritanopia#5E7C79no blue cones; rare, and affects men and women equally; ΔE 4.4 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text4.66:1WCAG large text: AAA

Named colours

Gray · ΔE 12.1 Dim grey · ΔE 12.7 Slate grey · ΔE 16.2 Cadetblue · ΔE 17.2 Light slate grey · ΔE 17.4 Dark slate grey · ΔE 19.6

Nearest named CSS colourGray (#808080)ΔE 12.12, a distinctly different colour

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#7C636D

Analogous#637C66, #637A7C

Triadic#72637C, #7C7263

Split complementary#7C637A, #7C6663

Tetradic#66637C, #7C636D, #7A7C63

Tints, shades & saturation

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

Lighter +40%#D1DAD6

Lighter +30%#B4C4BE

Lighter +20%#98ADA5

Lighter +10%#7C968C

Darker −10%#4C6058

Darker −20%#36433E

Darker −30%#1F2724

Darker −40%#080B0A

More saturated +25%#479878

Less saturated −25%#707070

Channel breakdown

R99

G124

B114

Red99 (38.8%)

Green124 (48.6%)

Blue114 (44.7%)

Hue156°

Saturation (HSL)11.21%

Lightness43.73%

Dominant channelGreen

Hex per channelR 63 · G 7C · B 72

Keep nerding

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

#637C72

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