Recognised as Colour

#3AF1D8

#3AF1D8
Cyan
Light
Nearest: Turquoise

#3AF1D8 is a cyan with RGB values 58, 241, 216 and HSL 172°, 87%, 59%. It is a light colour, so black text on it reaches 14.8:1 contrast (AAA for normal text). The nearest named colour is Turquoise.

Colour values

#3AF1D8#3AF1D8

HEX#3AF1D8

RGBrgb(58, 241, 216)

RGB (0–1)0.2275, 0.9451, 0.8471

RGB percentages22.7%, 94.5%, 84.7%

HSLhsl(171.8, 86.7%, 58.6%)

HSV / HSBhsv(171.8, 75.9%, 94.5%)

CMYK75.9%, 0%, 10.4%, 5.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,863,000

CSS custom property--colour: #3AF1D8;

Brightness & contrast

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

Perceived brightness201 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 14.75:1

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

Contrast with black14.75:1WCAG normal text: AAA

Greyscale equivalent#C8C8C8

Inverted#C50E27

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

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

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

Contrast with black, large text14.75:1WCAG large text: AAA

Named colours

Turquoise · ΔE 8.4 Aquamarine · ΔE 12.7 Aqua · ΔE 14.3 Cyan · ΔE 14.3 Medium turquoise · ΔE 17.5 Medium aquamarine · ΔE 18.2

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

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#F13A53

Analogous#3AF17D, #3AAEF1

Triadic#D83AF1, #F1D83A

Split complementary#F13AAE, #F17C3A

Tetradic#7D3AF1, #F13A53, #AFF13A

Tints, shades & saturation

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

Lighter +40%#F8FFFE

Lighter +30%#C9FBF4

Lighter +20%#99F8EB

Lighter +10%#6AF4E1

Darker −10%#10E8CA

Darker −20%#0DB8A1

Darker −30%#0A8877

Darker −40%#06594D

More saturated +25%#2CFFE2

Less saturated −25%#54D7C5

Channel breakdown

R58

G241

B216

Red58 (22.7%)

Green241 (94.5%)

Blue216 (84.7%)

Hue171.8°

Saturation (HSL)86.73%

Lightness58.63%

Dominant channelGreen

Hex per channelR 3A · G F1 · B D8

Keep nerding

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

#3AF1D8

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