Colour

#3FD1D4

#3FD1D4
Cyan
Light
Nearest: Dark turquoise

#3FD1D4 is a cyan with RGB values 63, 209, 212 and HSL 181°, 63%, 54%. It is a light colour, so black text on it reaches 11.3:1 contrast (AAA for normal text). The nearest named colour is Dark turquoise.

Colour values

#3FD1D4#3FD1D4

HEX#3FD1D4

RGBrgb(63, 209, 212)

RGB (0–1)0.2471, 0.8196, 0.8314

RGB percentages24.7%, 82%, 83.1%

HSLhsl(181.2, 63.4%, 53.9%)

HSV / HSBhsv(181.2, 70.3%, 83.1%)

CMYK70.3%, 1.4%, 0%, 16.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer4,182,484

CSS custom property--colour: #3FD1D4;

Brightness & contrast

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

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

Light or darkLight

Best text colour on this backgroundBlackcontrast 11.28:1

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

Contrast with black11.28:1WCAG normal text: AAA

Greyscale equivalent#B2B2B2

Inverted#C02E2B

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

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

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

Contrast with black, large text11.28:1WCAG large text: AAA

Named colours

Dark turquoise · ΔE 4.1 Medium turquoise · ΔE 4.4 Turquoise · ΔE 12.3 Light seagreen · ΔE 12.8 Aqua · ΔE 18.5 Cyan · ΔE 18.5

Nearest named CSS colourDark turquoise (#00CED1)ΔE 4.14, a close match

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#D4423F

Analogous#3FD48D, #3F87D4

Triadic#D43FD1, #D1D43F

Split complementary#D43F87, #D48C3F

Tetradic#8C3FD4, #D4423F, #87D43F

Tints, shades & saturation

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

Lighter +40%#E6F9F9

Lighter +30%#BCEFF0

Lighter +20%#92E5E7

Lighter +10%#69DBDD

Darker −10%#29B4B7

Darker −20%#208B8D

Darker −30%#166264

Darker −40%#0D393A

More saturated +25%#22EDF1

Less saturated −25%#5CB5B7

Channel breakdown

R63

G209

B212

Red63 (24.7%)

Green209 (82%)

Blue212 (83.1%)

Hue181.21°

Saturation (HSL)63.4%

Lightness53.92%

Dominant channelBlue

Hex per channelR 3F · G D1 · B D4

Keep nerding

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

#3FD1D4

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