Recognised as Colour

#4DF7DD

#4DF7DD
Cyan
Light
Nearest: Turquoise

#4DF7DD is a cyan with RGB values 77, 247, 221 and HSL 171°, 91%, 64%. It is a light colour, so black text on it reaches 15.7:1 contrast (AAA for normal text). The nearest named colour is Turquoise.

Colour values

#4DF7DD#4DF7DD

HEX#4DF7DD

RGBrgb(77, 247, 221)

RGB (0–1)0.302, 0.9686, 0.8667

RGB percentages30.2%, 96.9%, 86.7%

HSLhsl(170.8, 91.4%, 63.5%)

HSV / HSBhsv(170.8, 68.8%, 96.9%)

CMYK68.8%, 0%, 10.5%, 3.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,109,725

CSS custom property--colour: #4DF7DD;

Brightness & contrast

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

Perceived brightness207.7 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 15.66:1

Contrast with white1.34:1WCAG normal text: Fail

Contrast with black15.66:1WCAG normal text: AAA

Greyscale equivalent#D1D1D1

Inverted#B20822

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

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

Contrast with white, large text1.34:1WCAG large text: Fail

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

Named colours

Turquoise · ΔE 9.6 Aquamarine · ΔE 10.9 Aqua · ΔE 14.3 Cyan · ΔE 14.3 Medium turquoise · ΔE 18.4 Medium aquamarine · ΔE 18.7

Nearest named CSS colourTurquoise (#40E0D0)ΔE 9.64, clearly different but related

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#F74D67

Analogous#4DF788, #4DBCF7

Triadic#DD4DF7, #F7DD4D

Split complementary#F74DBC, #F7884D

Tetradic#884DF7, #F74D67, #BCF74D

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#DFFEF9

Lighter +20%#AFFBF0

Lighter +10%#7EF9E6

Darker −10%#1CF5D4

Darker −20%#0AD4B5

Darker −30%#07A48C

Darker −40%#057362

More saturated +25%#45FFE3

Less saturated −25%#64E0CD

Channel breakdown

R77

G247

B221

Red77 (30.2%)

Green247 (96.9%)

Blue221 (86.7%)

Hue170.82°

Saturation (HSL)91.4%

Lightness63.53%

Dominant channelGreen

Hex per channelR 4D · G F7 · B DD

Keep nerding

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

#4DF7DD

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