#9ac8d2

Color #9ac8d2

A muted light cyan.

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

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

Conversions

HEX

#9ac8d2

RGB

rgb(154, 200, 210)

HSL

hsl(190.7, 38.4%, 71.4%)

HSV / HSB

hsv(190.7, 26.7%, 82.4%)

CMYK

cmyk(26.7%, 4.8%, 0%, 17.6%)

LAB

lab(77.77, -12.75, -9.9)

LCH

lch(77.77, 16.14, 217.83)

OKLCH

oklch(80.4%, 0.0503, 212.49)

HWB

hwb(190.7, 60.4%, 17.6%)

Harmony colors

Complementary

#d2a49a

Analogous

#9ad2c0

#9ac8d2

#9aacd2

Triadic

#9ac8d2

#d29ac8

#c8d29a

Split-complementary

#9ac8d2

#d29aac

#d2c09a

Tetradic

#9ac8d2

#a49ad2

#d2a49a

#c8d29a

Square

#9ac8d2

#c09ad2

#d2a49a

#acd29a

Shades

Color #9ac8d2 mixed toward black.

#70b1bf

#4b97a8

#38727e

#254c54

#13262a

Tints

Color #9ac8d2 mixed toward white.

#abd1da

#bcdae1

#cde4e9

#ddedf0

#eef6f8

Tones

Color #9ac8d2 mixed toward gray.

#9fc5cd

#a3c2c9

#a8bfc4

#adbcbf

#b1b9bb

Accessibility

Aa White text on this color

1.82:1

Aa Black text on this color

11.57:1

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

Under color vision deficiencies

Protanopia

#b0b0d0 · ΔE 20.5

Deuteranopia

#adaacf · ΔE 22.1

Tritanopia

#9dcecd · ΔE 5.1

Achromatopsia

#c0c0c0 · ΔE 14.5

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

Code

CSS

background-color: #9ac8d2;

Tailwind (arbitrary value)

bg-[#9ac8d2]

Related colors

Light Blue #add8e6

Powder Blue #b0e0e6

Deep Sky Blue #00bfff

Sky Blue #87ceeb

Cadet Blue #5f9ea0

Dark Turquoise #00ced1

Frequently asked questions

#9ac8d2 (#9ac8d2) is rgb(154, 200, 210) in RGB.

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

Generate a palette → Check contrast