Colour

#7EF6FF

#7EF6FF
Cyan
Light
Nearest: Pale turquoise

#7EF6FF is a cyan with RGB values 126, 246, 255 and HSL 184°, 100%, 75%. It is a light colour, so black text on it reaches 16.5:1 contrast (AAA for normal text). The nearest named colour is Pale turquoise.

Colour values

#7EF6FF#7EF6FF

HEX#7EF6FF

RGBrgb(126, 246, 255)

RGB (0–1)0.4941, 0.9647, 1

RGB percentages49.4%, 96.5%, 100%

HSLhsl(184.2, 100%, 74.7%)

HSV / HSBhsv(184.2, 50.6%, 100%)

CMYK50.6%, 3.5%, 0%, 0%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer8,320,767

CSS custom property--colour: #7EF6FF;

Brightness & contrast

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

Perceived brightness218.4 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 16.51:1

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

Contrast with black16.51:1WCAG normal text: AAA

Greyscale equivalent#DDDDDD

Inverted#810900

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

Tritanopia#1DFEF8no blue cones; rare, and affects men and women equally; ΔE 17.8 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text16.51:1WCAG large text: AAA

Named colours

Pale turquoise · ΔE 14.4 Medium turquoise · ΔE 16.2 Aqua · ΔE 16.7 Cyan · ΔE 16.7 Dark turquoise · ΔE 17.6 Turquoise · ΔE 19

Nearest named CSS colourPale turquoise (#AFEEEE)ΔE 14.44, a distinctly different colour

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#FF877E

Analogous#7EFFC7, #7EB6FF

Triadic#FF7EF6, #F6FF7E

Split complementary#FF7EB6, #FFC87E

Tetradic#C77EFF, #FF877E, #B5FF7E

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#E4FDFF

Lighter +10%#B1FAFF

Darker −10%#4BF2FF

Darker −20%#18EFFF

Darker −30%#00D4E4

Darker −40%#00A5B1

More saturated +25%#7EF6FF

Less saturated −25%#8EE8EF

Channel breakdown

R126

G246

B255

Red126 (49.4%)

Green246 (96.5%)

Blue255 (100%)

Hue184.19°

Saturation (HSL)100%

Lightness74.71%

Dominant channelBlue

Hex per channelR 7E · G F6 · B FF

Keep nerding

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

#7EF6FF

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