#299daa

Color #299daa

A moderately saturated medium cyan.

Closest named color Dark Cyan #008b8b · ΔE 10.73 Nearest Tailwind class cyan-600 #0092b8 · ΔE 9.2

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

Conversions

HEX

#299daa

RGB

rgb(41, 157, 170)

HSL

hsl(186, 61.1%, 41.4%)

HSV / HSB

hsv(186, 75.9%, 66.7%)

CMYK

cmyk(75.9%, 7.6%, 0%, 33.3%)

LAB

lab(59.42, -26.59, -15.85)

LCH

lch(59.42, 30.96, 210.8)

OKLCH

oklch(64%, 0.0996, 206.28)

HWB

hwb(186, 16.1%, 33.3%)

Harmony colors

Complementary

#aa3629

Analogous

#29aa76

#299daa

#295daa

Triadic

#299daa

#aa299d

#9daa29

Split-complementary

#299daa

#aa295d

#aa7629

Tetradic

#299daa

#3629aa

#aa3629

#9daa29

Square

#299daa

#7629aa

#aa3629

#5daa29

Shades

Color #299daa mixed toward black.

#22838e

#1b6971

#154f55

#0e3439

#071a1c

Tints

Color #299daa mixed toward white.

#36bfcf

#5fccd8

#87d9e2

#afe6ec

#d7f2f5

Tones

Color #299daa mixed toward gray.

#34959f

#3f8c95

#49838a

#547b7f

#5f7274

Accessibility

Aa White text on this color

3.23:1

Aa Black text on this color

6.5:1

Black text reads better on this background (6.5:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#6f70a7 · ΔE 28.3

Deuteranopia

#6960a6 · ΔE 32.4

Tritanopia

#37a5a4 · ΔE 5.9

Achromatopsia

#8f8f8f · ΔE 21.2

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

Code

CSS

background-color: #299daa;

Tailwind (arbitrary value)

bg-[#299daa]

Related colors

Powder Blue #b0e0e6

Cadet Blue #5f9ea0

Dark Turquoise #00ced1

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Frequently asked questions

#299daa (#299daa) is rgb(41, 157, 170) in RGB.

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

Generate a palette → Check contrast