#aadff7

Color #aadff7

A vivid, highly saturated very light cyan.

Closest named color Light Blue #add8e6 · ΔE 6.13 Nearest Tailwind class sky-200 #b8e6fe · ΔE 2.4

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#aadff7

RGB

rgb(170, 223, 247)

HSL

hsl(198.7, 82.8%, 81.8%)

HSV / HSB

hsv(198.7, 31.2%, 96.9%)

CMYK

cmyk(31.2%, 9.7%, 0%, 3.1%)

LAB

lab(86.02, -11.44, -17.17)

LCH

lch(86.02, 20.63, 236.33)

OKLCH

oklch(87.5%, 0.0638, 227.48)

HWB

hwb(198.7, 66.7%, 3.1%)

Harmony colors

Complementary

#f7c2aa

Analogous

#aaf7e9

#aadff7

#aab9f7

Triadic

#aadff7

#f7aadf

#dff7aa

Split-complementary

#aadff7

#f7aab9

#f7e9aa

Tetradic

#aadff7

#c2aaf7

#f7c2aa

#dff7aa

Square

#aadff7

#e9aaf7

#f7c2aa

#b9f7aa

Shades

Color #aadff7 mixed toward black.

#6bc7f1

#2bafeb

#1289bf

#0c5b7f

#062e40

Tints

Color #aadff7 mixed toward white.

#b8e4f8

#c6eafa

#d5effb

#e3f4fc

#f1fafe

Tones

Color #aadff7 mixed toward gray.

#b1ddf1

#b7daea

#bdd8e4

#c4d5dd

#cad3d7

Accessibility

Aa White text on this color

1.44:1

Aa Black text on this color

14.61:1

Black text reads better on this background (14.61:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#c3c4f1 · ΔE 18.7

Deuteranopia

#c0bcf0 · ΔE 19.8

Tritanopia

#adedec · ΔE 10.9

Achromatopsia

#d7d7d7 · ΔE 15.6

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #aadff7;

Tailwind (arbitrary value)

bg-[#aadff7]

Related colors

Sky Blue #87ceeb

Deep Sky Blue #00bfff

Light Blue #add8e6

Light Sky Blue #87cefa

Charcoal #36454f

Steel Blue #4682b4

Frequently asked questions

#aadff7 (#aadff7) is rgb(170, 223, 247) in RGB.

No, #aadff7 is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #aadff7, or check how it holds up for accessibility.

Generate a palette → Check contrast