#08aaa4

Color #08aaa4

A vivid, highly saturated dark cyan.

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

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

Conversions

HEX

#08aaa4

RGB

rgb(8, 170, 164)

HSL

hsl(177.8, 91%, 34.9%)

HSV / HSB

hsv(177.8, 95.3%, 66.7%)

CMYK

cmyk(95.3%, 0%, 3.5%, 33.3%)

LAB

lab(62.91, -37.03, -7.28)

LCH

lch(62.91, 37.74, 191.12)

OKLCH

oklch(66.7%, 0.1139, 190.31)

HWB

hwb(177.8, 3.1%, 33.3%)

Harmony colors

Complementary

#aa080e

Analogous

#08aa53

#08aaa4

#085faa

Triadic

#08aaa4

#a408aa

#aaa408

Split-complementary

#08aaa4

#aa085f

#aa5308

Tetradic

#08aaa4

#080eaa

#aa080e

#aaa408

Square

#08aaa4

#5308aa

#aa080e

#5faa08

Shades

Color #08aaa4 mixed toward black.

#078e89

#05716d

#045552

#033937

#011c1b

Tints

Color #08aaa4 mixed toward white.

#0adfd7

#2cf5ee

#60f8f2

#95faf6

#cafdfb

Tones

Color #08aaa4 mixed toward gray.

#169c98

#238f8b

#31817f

#3e7472

#4b6666

Accessibility

Aa White text on this color

2.88:1

Aa Black text on this color

7.3:1

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

Under color vision deficiencies

Protanopia

#7475a5 · ΔE 32.4

Deuteranopia

#6d62a6 · ΔE 38.3

Tritanopia

#29a7a7 · ΔE 2.7

Achromatopsia

#989898 · ΔE 23.4

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

Code

CSS

background-color: #08aaa4;

Tailwind (arbitrary value)

bg-[#08aaa4]

Related colors

Medium Turquoise #48d1cc

Light Sea Green #20b2aa

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Dark Slate Gray #2f4f4f

Frequently asked questions

#08aaa4 (#08aaa4) is rgb(8, 170, 164) in RGB.

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

Generate a palette → Check contrast