#2dbca7

Color #2dbca7

A moderately saturated medium cyan.

Closest named color Light Sea Green #20b2aa · ΔE 8.19 Nearest Tailwind class teal-500 #00bba7 · ΔE 1.2

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

Conversions

HEX

#2dbca7

RGB

rgb(45, 188, 167)

HSL

hsl(171.2, 61.4%, 45.7%)

HSV / HSB

hsv(171.2, 76.1%, 73.7%)

CMYK

cmyk(76.1%, 0%, 11.2%, 26.3%)

LAB

lab(68.98, -41.55, 0.04)

LCH

lch(68.98, 41.55, 179.94)

OKLCH

oklch(71.8%, 0.1202, 180.29)

HWB

hwb(171.2, 17.6%, 26.3%)

Harmony colors

Complementary

#bc2d42

Analogous

#2dbc60

#2dbca7

#2d8abc

Triadic

#2dbca7

#a72dbc

#bca72d

Split-complementary

#2dbca7

#bc2d8a

#bc602d

Tetradic

#2dbca7

#2d42bc

#bc2d42

#bca72d

Square

#2dbca7

#602dbc

#bc2d42

#8abc2d

Shades

Color #2dbca7 mixed toward black.

#259d8b

#1e7d6f

#165e54

#0f3f38

#071f1c

Tints

Color #2dbca7 mixed toward white.

#45d2be

#6adbcb

#8fe4d8

#b5ede5

#daf6f2

Tones

Color #2dbca7 mixed toward gray.

#39b09f

#45a496

#51988e

#5d8c85

#69807d

Accessibility

Aa White text on this color

2.37:1

Aa Black text on this color

8.86:1

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

Under color vision deficiencies

Protanopia

#8486ac · ΔE 32.4

Deuteranopia

#7d72ae · ΔE 39.1

Tritanopia

#3fb0b1 · ΔE 8.6

Achromatopsia

#a8a8a8 · ΔE 24.1

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

Code

CSS

background-color: #2dbca7;

Tailwind (arbitrary value)

bg-[#2dbca7]

Related colors

Turquoise #40e0d0

Light Sea Green #20b2aa

Medium Turquoise #48d1cc

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Frequently asked questions

#2dbca7 (#2dbca7) is rgb(45, 188, 167) in RGB.

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

Generate a palette → Check contrast