Colour

#31C4BF

#31C4BF
Cyan
Dark
Nearest: Medium turquoise

#31C4BF is a cyan with RGB values 49, 196, 191 and HSL 178°, 60%, 48%. It is a dark colour, so black text on it reaches 9.8:1 contrast (AAA for normal text). The nearest named colour is Medium turquoise.

Colour values

#31C4BF#31C4BF

HEX#31C4BF

RGBrgb(49, 196, 191)

RGB (0–1)0.1922, 0.7686, 0.749

RGB percentages19.2%, 76.9%, 74.9%

HSLhsl(178, 60%, 48%)

HSV / HSBhsv(178, 75%, 76.9%)

CMYK75%, 0%, 2.6%, 23.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,261,631

CSS custom property--colour: #31C4BF;

Brightness & contrast

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

Perceived brightness165.6 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 9.78:1

Contrast with white2.15:1WCAG normal text: Fail

Contrast with black9.78:1WCAG normal text: AAA

Greyscale equivalent#A4A4A4

Inverted#CE3B40

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#B8BABFno red cones; affects about 1% of men; ΔE 38.8 from the original

Deuteranopia#A3AAC0no green cones; the most common form, about 1% of men; ΔE 40.3 from the original

Tritanopia#00CAC2no blue cones; rare, and affects men and women equally; ΔE 4.9 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text2.15:1WCAG large text: Fail

Contrast with black, large text9.78:1WCAG large text: AAA

Named colours

Medium turquoise · ΔE 4.8 Dark turquoise · ΔE 6.3 Light seagreen · ΔE 6.7 Turquoise · ΔE 11.8 Medium aquamarine · ΔE 17.1 Dark cyan · ΔE 21.3

Nearest named CSS colourMedium turquoise (#48D1CC)ΔE 4.77, a close match

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#C43136

Analogous#31C476, #317FC4

Triadic#BF31C4, #C4BF31

Split complementary#C43180, #C47631

Tetradic#7531C4, #C43136, #7FC431

Tints, shades & saturation

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

Lighter +40%#CEF3F2

Lighter +30%#A5E9E6

Lighter +20%#7DDEDB

Lighter +10%#54D4D0

Darker −10%#279B97

Darker −20%#1D726F

Darker −30%#124A48

Darker −40%#082120

More saturated +25%#12E3DC

Less saturated −25%#50A5A2

Channel breakdown

R49

G196

B191

Red49 (19.2%)

Green196 (76.9%)

Blue191 (74.9%)

Hue177.96°

Saturation (HSL)60%

Lightness48.04%

Dominant channelGreen

Hex per channelR 31 · G C4 · B BF

Keep nerding

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

#31C4BF

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