Colour

#AFF4F7

#AFF4F7
Cyan
Light
Nearest: Pale turquoise

#AFF4F7 is a cyan with RGB values 175, 244, 247 and HSL 183°, 82%, 83%. It is a light colour, so black text on it reaches 17.1:1 contrast (AAA for normal text). The nearest named colour is Pale turquoise.

Colour values

#AFF4F7#AFF4F7

HEX#AFF4F7

RGBrgb(175, 244, 247)

RGB (0–1)0.6863, 0.9569, 0.9686

RGB percentages68.6%, 95.7%, 96.9%

HSLhsl(182.5, 81.8%, 82.7%)

HSV / HSBhsv(182.5, 29.1%, 96.9%)

CMYK29.1%, 1.2%, 0%, 3.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer11,531,511

CSS custom property--colour: #AFF4F7;

Brightness & contrast

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

Perceived brightness226 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 17.11:1

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

Contrast with black17.11:1WCAG normal text: AAA

Greyscale equivalent#E6E6E6

Inverted#500B08

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

Tritanopia#95F9F5no blue cones; rare, and affects men and women equally; ΔE 9.7 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text17.11:1WCAG large text: AAA

Named colours

Pale turquoise · ΔE 2.9 Powder blue · ΔE 8.7 Light blue · ΔE 13 Light cyan · ΔE 13.2 Azure · ΔE 18.5 Sky blue · ΔE 19

Nearest named CSS colourPale turquoise (#AFEEEE)ΔE 2.85, a close match

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#F7B2AF

Analogous#AFF7D6, #AFD0F7

Triadic#F7AFF4, #F4F7AF

Split complementary#F7AFD0, #F7D6AF

Tetradic#D6AFF7, #F7B2AF, #D0F7AF

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#FFFFFF

Lighter +10%#DDFAFC

Darker −10%#81EEF2

Darker −20%#52E7EE

Darker −30%#24E1E9

Darker −40%#14BFC6

More saturated +25%#A7FBFF

Less saturated −25%#BAEAEC

Channel breakdown

R175

G244

B247

Red175 (68.6%)

Green244 (95.7%)

Blue247 (96.9%)

Hue182.5°

Saturation (HSL)81.82%

Lightness82.75%

Dominant channelBlue

Hex per channelR AF · G F4 · B F7

Keep nerding

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

#AFF4F7

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