Recognised as Colour

#3DF6DE

#3DF6DE
Cyan
Light
Nearest: Turquoise

#3DF6DE is a cyan with RGB values 61, 246, 222 and HSL 172°, 91%, 60%. It is a light colour, so black text on it reaches 15.4:1 contrast (AAA for normal text). The nearest named colour is Turquoise.

Colour values

#3DF6DE#3DF6DE

HEX#3DF6DE

RGBrgb(61, 246, 222)

RGB (0–1)0.2392, 0.9647, 0.8706

RGB percentages23.9%, 96.5%, 87.1%

HSLhsl(172.2, 91.1%, 60.2%)

HSV / HSBhsv(172.2, 75.2%, 96.5%)

CMYK75.2%, 0%, 9.8%, 3.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer4,060,894

CSS custom property--colour: #3DF6DE;

Brightness & contrast

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

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

Light or darkLight

Best text colour on this backgroundBlackcontrast 15.44:1

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

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

Greyscale equivalent#CDCDCD

Inverted#C20921

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

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

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

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

Named colours

Turquoise · ΔE 9.5 Aquamarine · ΔE 12.7 Aqua · ΔE 13.2 Cyan · ΔE 13.2 Medium turquoise · ΔE 18.3 Medium aquamarine · ΔE 19.7

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

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#F63D55

Analogous#3DF682, #3DB1F6

Triadic#DE3DF6, #F6DE3D

Split complementary#F63DB1, #F6823D

Tetradic#823DF6, #F63D55, #B1F63D

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#CFFDF7

Lighter +20%#9EFBEF

Lighter +10%#6EF8E6

Darker −10%#0CF4D6

Darker −20%#09C4AC

Darker −30%#079381

Darker −40%#056256

More saturated +25%#34FFE5

Less saturated −25%#56DDCB

Channel breakdown

R61

G246

B222

Red61 (23.9%)

Green246 (96.5%)

Blue222 (87.1%)

Hue172.22°

Saturation (HSL)91.13%

Lightness60.2%

Dominant channelGreen

Hex per channelR 3D · G F6 · B DE

Keep nerding

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

#3DF6DE

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