Colour

#627F80

#627F80
Cyan
Dark
Nearest: Slate grey

#627F80 is a cyan with RGB values 98, 127, 128 and HSL 182°, 13%, 44%. It is a dark colour, so black text on it reaches 4.9:1 contrast (AA for normal text). The nearest named colour is Slate grey.

Colour values

#627F80#627F80

HEX#627F80

RGBrgb(98, 127, 128)

RGB (0–1)0.3843, 0.498, 0.502

RGB percentages38.4%, 49.8%, 50.2%

HSLhsl(182, 13.3%, 44.3%)

HSV / HSBhsv(182, 23.4%, 50.2%)

CMYK23.4%, 0.8%, 0%, 49.8%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer6,455,168

CSS custom property--colour: #627F80;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 4.87:1

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

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

Greyscale equivalent#797979

Inverted#9D807F

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

Tritanopia#58817Fno blue cones; rare, and affects men and women equally; ΔE 4.6 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Slate grey · ΔE 10.5 Gray · ΔE 11.1 Light slate grey · ΔE 11.7 Dim grey · ΔE 12.7 Cadetblue · ΔE 14.4 Teal · ΔE 19.5

Nearest named CSS colourSlate grey (#708090)ΔE 10.48, a distinctly different colour

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#806362

Analogous#628072, #627080

Triadic#80627F, #7F8062

Split complementary#806270, #807262

Tetradic#726280, #806362, #708062

Tints, shades & saturation

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

Lighter +40%#D2DCDC

Lighter +30%#B5C6C6

Lighter +20%#98AFB0

Lighter +10%#7B999A

Darker −10%#4C6263

Darker −20%#364646

Darker −30%#202929

Darker −40%#0A0C0C

More saturated +25%#46999C

Less saturated −25%#717171

Channel breakdown

R98

G127

B128

Red98 (38.4%)

Green127 (49.8%)

Blue128 (50.2%)

Hue182°

Saturation (HSL)13.27%

Lightness44.31%

Dominant channelBlue

Hex per channelR 62 · G 7F · B 80

Keep nerding

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

#627F80

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