#9bc1ca

Color #9bc1ca

A muted light cyan.

Closest named color Light Blue #add8e6 · ΔE 8.6 Nearest Tailwind class mist-400 #9ca8ab · ΔE 9.6

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

Conversions

HEX

#9bc1ca

RGB

rgb(155, 193, 202)

HSL

hsl(191.5, 30.7%, 70%)

HSV / HSB

hsv(191.5, 23.3%, 79.2%)

CMYK

cmyk(23.3%, 4.5%, 0%, 20.8%)

LAB

lab(75.68, -10.61, -8.69)

LCH

lch(75.68, 13.71, 219.32)

OKLCH

oklch(78.6%, 0.0425, 213.69)

HWB

hwb(191.5, 60.8%, 20.8%)

Harmony colors

Complementary

#caa49b

Analogous

#9bcabc

#9bc1ca

#9ba9ca

Triadic

#9bc1ca

#ca9bc1

#c1ca9b

Split-complementary

#9bc1ca

#ca9ba9

#cabc9b

Tetradic

#9bc1ca

#a49bca

#caa49b

#c1ca9b

Square

#9bc1ca

#bc9bca

#caa49b

#a9ca9b

Shades

Color #9bc1ca mixed toward black.

#74a9b5

#528e9c

#3e6a75

#29474e

#152327

Tints

Color #9bc1ca mixed toward white.

#accbd3

#bcd6dc

#cde0e4

#deeaed

#eef5f6

Tones

Color #9bc1ca mixed toward gray.

#9fbfc6

#a3bcc2

#a7babe

#abb7ba

#afb5b6

Accessibility

Aa White text on this color

1.93:1

Aa Black text on this color

10.87:1

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

Under color vision deficiencies

Protanopia

#adadc8 · ΔE 18.3

Deuteranopia

#aba8c7 · ΔE 20.2

Tritanopia

#9dc6c6 · ΔE 4.5

Achromatopsia

#bababa · ΔE 12.9

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

Code

CSS

background-color: #9bc1ca;

Tailwind (arbitrary value)

bg-[#9bc1ca]

Related colors

Light Blue #add8e6

Deep Sky Blue #00bfff

Powder Blue #b0e0e6

Sky Blue #87ceeb

Cadet Blue #5f9ea0

Dark Turquoise #00ced1

Frequently asked questions

#9bc1ca (#9bc1ca) is rgb(155, 193, 202) in RGB.

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

Generate a palette → Check contrast