#c1eaec

Color #c1eaec

A moderately saturated very light cyan.

Closest named color Powder Blue #b0e0e6 · ΔE 4.84 Nearest Tailwind class cyan-100 #cefafe · ΔE 3.5

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

Conversions

HEX

#c1eaec

RGB

rgb(193, 234, 236)

HSL

hsl(182.8, 53.1%, 84.1%)

HSV / HSB

hsv(182.8, 18.2%, 92.5%)

CMYK

cmyk(18.2%, 0.8%, 0%, 7.5%)

LAB

lab(89.97, -12.77, -5.37)

LCH

lch(89.97, 13.85, 202.81)

OKLCH

oklch(90.9%, 0.0426, 200.05)

HWB

hwb(182.8, 75.7%, 7.5%)

Harmony colors

Complementary

#ecc3c1

Analogous

#c1ecd8

#c1eaec

#c1d4ec

Triadic

#c1eaec

#ecc1ea

#eaecc1

Split-complementary

#c1eaec

#ecc1d4

#ecd8c1

Tetradic

#c1eaec

#c3c1ec

#ecc3c1

#eaecc1

Square

#c1eaec

#d8c1ec

#ecc3c1

#d4ecc1

Shades

Color #c1eaec mixed toward black.

#8ad7db

#53c5ca

#329fa4

#226a6d

#113537

Tints

Color #c1eaec mixed toward white.

#cbedef

#d6f1f2

#e0f4f5

#eaf8f9

#f5fbfc

Tones

Color #c1eaec mixed toward gray.

#c5e7e8

#c8e3e5

#cce0e1

#cfddde

#d3dada

Accessibility

Aa White text on this color

1.29:1

Aa Black text on this color

16.25:1

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

Under color vision deficiencies

Protanopia

#d4d4ec · ΔE 19.4

Deuteranopia

#d2ceeb · ΔE 22

Tritanopia

#c3ebeb · ΔE 0.9

Achromatopsia

#e2e2e2 · ΔE 13.7

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

Code

CSS

background-color: #c1eaec;

Tailwind (arbitrary value)

bg-[#c1eaec]

Related colors

Cadet Blue #5f9ea0

Dark Turquoise #00ced1

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Dark Slate Gray #2f4f4f

Frequently asked questions

#c1eaec (#c1eaec) is rgb(193, 234, 236) in RGB.

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

Generate a palette → Check contrast