Colour

#4AF8DE

#4AF8DE
Cyan
Light
Nearest: Turquoise

#4AF8DE is a cyan with RGB values 74, 248, 222 and HSL 171°, 93%, 63%. It is a light colour, so black text on it reaches 15.8:1 contrast (AAA for normal text). The nearest named colour is Turquoise.

Colour values

#4AF8DE#4AF8DE

HEX#4AF8DE

RGBrgb(74, 248, 222)

RGB (0–1)0.2902, 0.9725, 0.8706

RGB percentages29%, 97.3%, 87.1%

HSLhsl(171, 92.6%, 63.1%)

HSV / HSBhsv(171, 70.2%, 97.3%)

CMYK70.2%, 0%, 10.5%, 2.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer4,913,374

CSS custom property--colour: #4AF8DE;

Brightness & contrast

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

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

Light or darkLight

Best text colour on this backgroundBlackcontrast 15.77:1

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

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

Greyscale equivalent#D1D1D1

Inverted#B50721

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

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

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

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

Named colours

Turquoise · ΔE 10.1 Aquamarine · ΔE 11.2 Aqua · ΔE 14.1 Cyan · ΔE 14.1 Medium turquoise · ΔE 18.9 Medium aquamarine · ΔE 19.3

Nearest named CSS colourTurquoise (#40E0D0)ΔE 10.07, a distinctly different colour

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#F84A64

Analogous#4AF887, #4ABBF8

Triadic#DE4AF8, #F8DE4A

Split complementary#F84ABB, #F8874A

Tetradic#874AF8, #F84A64, #BBF84A

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#DDFEF9

Lighter +20%#ACFCF0

Lighter +10%#7BFAE7

Darker −10%#19F6D5

Darker −20%#08D4B5

Darker −30%#06A38B

Darker −40%#047261

More saturated +25%#43FFE3

Less saturated −25%#62E1CE

Channel breakdown

R74

G248

B222

Red74 (29%)

Green248 (97.3%)

Blue222 (87.1%)

Hue171.03°

Saturation (HSL)92.55%

Lightness63.14%

Dominant channelGreen

Hex per channelR 4A · G F8 · B DE

Keep nerding

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

#4AF8DE

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