#69b4a1

Color #69b4a1

A muted medium green.

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

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

Conversions

HEX

#69b4a1

RGB

rgb(105, 180, 161)

HSL

hsl(164.8, 33.3%, 55.9%)

HSV / HSB

hsv(164.8, 41.7%, 70.6%)

CMYK

cmyk(41.7%, 0%, 10.6%, 29.4%)

LAB

lab(68.18, -27.88, 2.4)

LCH

lch(68.18, 27.98, 175.08)

OKLCH

oklch(71.6%, 0.0805, 175.8)

HWB

hwb(164.8, 41.2%, 29.4%)

Harmony colors

Complementary

#b4697c

Analogous

#69b47c

#69b4a1

#69a2b4

Triadic

#69b4a1

#a169b4

#b4a169

Split-complementary

#69b4a1

#b469a2

#b47c69

Tetradic

#69b4a1

#697cb4

#b4697c

#b4a169

Square

#69b4a1

#7c69b4

#b4697c

#a2b469

Shades

Color #69b4a1 mixed toward black.

#4f9e8a

#3f7f6f

#305f53

#203f37

#10201c

Tints

Color #69b4a1 mixed toward white.

#82c0b1

#9bcdc0

#b4d9d0

#cde6e0

#e6f2ef

Tones

Color #69b4a1 mixed toward gray.

#6fae9e

#76a89b

#7ca198

#829b95

#889592

Accessibility

Aa White text on this color

2.43:1

Aa Black text on this color

8.64:1

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

Under color vision deficiencies

Protanopia

#9090a6 · ΔE 27.6

Deuteranopia

#8b85a7 · ΔE 31.2

Tritanopia

#6eaaaa · ΔE 8.1

Achromatopsia

#a6a6a6 · ΔE 21.1

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

Code

CSS

background-color: #69b4a1;

Tailwind (arbitrary value)

bg-[#69b4a1]

Related colors

Aquamarine #7fffd4

Medium Aquamarine #66cdaa

Medium Spring Green #00fa9a

Turquoise #40e0d0

Light Sea Green #20b2aa

Medium Turquoise #48d1cc

Frequently asked questions

#69b4a1 (#69b4a1) is rgb(105, 180, 161) in RGB.

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

Generate a palette → Check contrast