Nerdulator> put something in

Recognised as Colour

#7AF2FF

  • #7AF2FF
  • Cyan
  • Light
  • Nearest: Pale turquoise

#7AF2FF is a cyan with RGB values 122, 242, 255 and HSL 186°, 100%, 74%. It is a light colour, so black text on it reaches 16:1 contrast (AAA for normal text). The nearest named colour is Pale turquoise.

Colour values

#7AF2FF#7AF2FF
HEX#7AF2FF
RGBrgb(122, 242, 255)
RGB (0–1)0.4784, 0.949, 1
RGB percentages47.8%, 94.9%, 100%
HSLhsl(185.9, 100%, 73.9%)
HSV / HSBhsv(185.9, 52.2%, 100%)
CMYK52.2%, 5.1%, 0%, 0%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer8,057,599
CSS custom property--colour: #7AF2FF;

Brightness & contrast

Relative luminance0.74862WCAG 2.x, 0 is black and 1 is white
Perceived brightness215 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 15.97:1
Contrast with white1.31:1WCAG normal text: Fail
Contrast with black15.97:1WCAG normal text: AAA
Greyscale equivalent#D9D9D9
Inverted#850D00

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#E2EAFFno red cones; affects about 1% of men; ΔE 32.3 from the original
Deuteranopia#CDDAFFno green cones; the most common form, about 1% of men; ΔE 33.7 from the original
Tritanopia#00FAF6no blue cones; rare, and affects men and women equally; ΔE 18.8 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.31:1WCAG large text: Fail
Contrast with black, large text15.97:1WCAG large text: AAA

Named colours

Pale turquoise · ΔE 14.8Medium turquoise · ΔE 16.5Dark turquoise · ΔE 17.3Aqua · ΔE 18Cyan · ΔE 18Powder blue · ΔE 18.7
Nearest named CSS colourPale turquoise (#AFEEEE)ΔE 14.81, a distinctly different colour
Hue familycyan
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#FF877A
Analogous#7AFFCA, #7AAFFF
Triadic#FF7AF2, #F2FF7A
Split complementary#FF7AAF, #FFCA7A
Tetradic#CA7AFF, #FF877A, #AFFF7A

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#FFFFFF
Lighter +20%#E0FCFF
Lighter +10%#ADF7FF
Darker −10%#47EDFF
Darker −20%#14E8FF
Darker −30%#00CAE0
Darker −40%#009CAD
More saturated +25%#7AF2FF
Less saturated −25%#8BE5EE

Channel breakdown

R122
G242
B255
Red122 (47.8%)
Green242 (94.9%)
Blue255 (100%)
Hue185.86°
Saturation (HSL)100%
Lightness73.92%
Dominant channelBlue
Hex per channelR 7A · G F2 · B FF

Keep nerding

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

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “7af2ff” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.