#ace2e7

Color #ace2e7

A moderately saturated light cyan.

Closest named color Powder Blue #b0e0e6 · ΔE 1.99 Nearest Tailwind class cyan-200 #a2f4fd · ΔE 5.3

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

Conversions

HEX

#ace2e7

RGB

rgb(172, 226, 231)

HSL

hsl(185.1, 55.1%, 79%)

HSV / HSB

hsv(185.1, 25.5%, 90.6%)

CMYK

cmyk(25.5%, 2.2%, 0%, 9.4%)

LAB

lab(86.47, -16.05, -8.06)

LCH

lch(86.47, 17.96, 206.66)

OKLCH

oklch(87.7%, 0.0556, 203.29)

HWB

hwb(185.1, 67.5%, 9.4%)

Harmony colors

Complementary

#e7b1ac

Analogous

#ace7ce

#ace2e7

#acc4e7

Triadic

#ace2e7

#e7ace2

#e2e7ac

Split-complementary

#ace2e7

#e7acc4

#e7ceac

Tetradic

#ace2e7

#b1ace7

#e7b1ac

#e2e7ac

Square

#ace2e7

#ceace7

#e7b1ac

#c4e7ac

Shades

Color #ace2e7 mixed toward black.

#78d0d8

#44bdc9

#2d939c

#1e6268

#0f3134

Tints

Color #ace2e7 mixed toward white.

#bae7eb

#c8ecef

#d5f0f3

#e3f5f7

#f1fafb

Tones

Color #ace2e7 mixed toward gray.

#b1dee2

#b6dadd

#bbd6d8

#c0d2d3

#c5cece

Accessibility

Aa White text on this color

1.42:1

Aa Black text on this color

14.79:1

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

Under color vision deficiencies

Protanopia

#c6c6e6 · ΔE 22.6

Deuteranopia

#c3bee6 · ΔE 24.9

Tritanopia

#afe5e5 · ΔE 2.2

Achromatopsia

#d8d8d8 · ΔE 16.1

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

Code

CSS

background-color: #ace2e7;

Tailwind (arbitrary value)

bg-[#ace2e7]

Related colors

Powder Blue #b0e0e6

Cadet Blue #5f9ea0

Dark Turquoise #00ced1

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Frequently asked questions

#ace2e7 (#ace2e7) is rgb(172, 226, 231) in RGB.

No, #ace2e7 is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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

Generate a palette → Check contrast