#2ca8a3

Color #2ca8a3

A moderately saturated medium cyan.

Closest named color Light Sea Green #20b2aa · ΔE 4.98 Nearest Tailwind class teal-600 #009689 · ΔE 7

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

Conversions

HEX

#2ca8a3

RGB

rgb(44, 168, 163)

HSL

hsl(177.6, 58.5%, 41.6%)

HSV / HSB

hsv(177.6, 73.8%, 65.9%)

CMYK

cmyk(73.8%, 0%, 3%, 34.1%)

LAB

lab(62.66, -33.7, -7.04)

LCH

lch(62.66, 34.43, 191.8)

OKLCH

oklch(66.6%, 0.1043, 190.89)

HWB

hwb(177.6, 17.3%, 34.1%)

Harmony colors

Complementary

#a82c31

Analogous

#2ca865

#2ca8a3

#2c6fa8

Triadic

#2ca8a3

#a32ca8

#a8a32c

Split-complementary

#2ca8a3

#a82c6f

#a8652c

Tetradic

#2ca8a3

#2c31a8

#a82c31

#a8a32c

Square

#2ca8a3

#652ca8

#a82c31

#6fa82c

Shades

Color #2ca8a3 mixed toward black.

#258c88

#1d706d

#165452

#0f3836

#071c1b

Tints

Color #2ca8a3 mixed toward white.

#3acbc6

#62d6d1

#89e0dd

#b0eae8

#d8f5f4

Tones

Color #2ca8a3 mixed toward gray.

#369e9a

#419390

#4b8987

#557f7d

#607474

Accessibility

Aa White text on this color

2.9:1

Aa Black text on this color

7.24:1

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

Under color vision deficiencies

Protanopia

#7778a4 · ΔE 30.7

Deuteranopia

#7067a5 · ΔE 35.8

Tritanopia

#3ba5a5 · ΔE 2.5

Achromatopsia

#989898 · ΔE 22.8

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

Code

CSS

background-color: #2ca8a3;

Tailwind (arbitrary value)

bg-[#2ca8a3]

Related colors

Medium Turquoise #48d1cc

Light Sea Green #20b2aa

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Dark Slate Gray #2f4f4f

Frequently asked questions

#2ca8a3 (#2ca8a3) is rgb(44, 168, 163) in RGB.

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

Generate a palette → Check contrast