#6baea8

Color #6baea8

A muted medium cyan.

Closest named color Cadet Blue #5f9ea0 · ΔE 7.35 Nearest Tailwind class teal-500 #00bba7 · ΔE 9

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

Conversions

HEX

#6baea8

RGB

rgb(107, 174, 168)

HSL

hsl(174.6, 29.3%, 55.1%)

HSV / HSB

hsv(174.6, 38.5%, 68.2%)

CMYK

cmyk(38.5%, 0%, 3.4%, 31.8%)

LAB

lab(66.69, -22.68, -3.64)

LCH

lch(66.69, 22.97, 189.12)

OKLCH

oklch(70.4%, 0.069, 188.51)

HWB

hwb(174.6, 42%, 31.8%)

Harmony colors

Complementary

#ae6b71

Analogous

#6bae86

#6baea8

#6b93ae

Triadic

#6baea8

#a86bae

#aea86b

Split-complementary

#6baea8

#ae6b93

#ae866b

Tetradic

#6baea8

#6b71ae

#ae6b71

#aea86b

Square

#6baea8

#866bae

#ae6b71

#93ae6b

Shades

Color #6baea8 mixed toward black.

#539791

#427974

#325b57

#213d3a

#111e1d

Tints

Color #6baea8 mixed toward white.

#84bcb7

#9cc9c5

#b5d7d4

#cee4e2

#e6f2f1

Tones

Color #6baea8 mixed toward gray.

#71a8a3

#76a39f

#7c9d9a

#819896

#879291

Accessibility

Aa White text on this color

2.55:1

Aa Black text on this color

8.25:1

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

Under color vision deficiencies

Protanopia

#8d8ea9 · ΔE 25.8

Deuteranopia

#8984aa · ΔE 29

Tritanopia

#70abab · ΔE 3

Achromatopsia

#a2a2a2 · ΔE 19.1

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

Code

CSS

background-color: #6baea8;

Tailwind (arbitrary value)

bg-[#6baea8]

Related colors

Turquoise #40e0d0

Light Sea Green #20b2aa

Medium Turquoise #48d1cc

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Frequently asked questions

#6baea8 (#6baea8) is rgb(107, 174, 168) in RGB.

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

Generate a palette → Check contrast