#a7d6df

Color #a7d6df

A moderately saturated light cyan.

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

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

Conversions

HEX

#a7d6df

RGB

rgb(167, 214, 223)

HSL

hsl(189.6, 46.7%, 76.5%)

HSV / HSB

hsv(189.6, 25.1%, 87.5%)

CMYK

cmyk(25.1%, 4%, 0%, 12.5%)

LAB

lab(82.72, -13.2, -9.42)

LCH

lch(82.72, 16.22, 215.51)

OKLCH

oklch(84.6%, 0.0504, 210.63)

HWB

hwb(189.6, 65.5%, 12.5%)

Harmony colors

Complementary

#dfb0a7

Analogous

#a7dfcc

#a7d6df

#a7badf

Triadic

#a7d6df

#dfa7d6

#d6dfa7

Split-complementary

#a7d6df

#dfa7ba

#dfcca7

Tetradic

#a7d6df

#b0a7df

#dfb0a7

#d6dfa7

Square

#a7d6df

#cca7df

#dfb0a7

#badfa7

Shades

Color #a7d6df mixed toward black.

#77c0ce

#48aabc

#34818f

#23565f

#112b30

Tints

Color #a7d6df mixed toward white.

#b6dde4

#c4e4ea

#d3ebef

#e2f1f4

#f0f8fa

Tones

Color #a7d6df mixed toward gray.

#acd3da

#b0d0d6

#b5cdd1

#bac9cc

#bec6c8

Accessibility

Aa White text on this color

1.58:1

Aa Black text on this color

13.33:1

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

Under color vision deficiencies

Protanopia

#bdbedd · ΔE 20.2

Deuteranopia

#bab7dc · ΔE 22.4

Tritanopia

#aadbdb · ΔE 4.1

Achromatopsia

#cecece · ΔE 14.6

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

Code

CSS

background-color: #a7d6df;

Tailwind (arbitrary value)

bg-[#a7d6df]

Related colors

Powder Blue #b0e0e6

Light Blue #add8e6

Deep Sky Blue #00bfff

Cadet Blue #5f9ea0

Sky Blue #87ceeb

Dark Turquoise #00ced1

Frequently asked questions

#a7d6df (#a7d6df) is rgb(167, 214, 223) in RGB.

No, #a7d6df 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 #a7d6df, or check how it holds up for accessibility.

Generate a palette → Check contrast