#68aeb5

Color #68aeb5

A muted medium cyan.

Closest named color Cadet Blue #5f9ea0 · ΔE 6.58 Nearest Tailwind class cyan-500 #00b8db · ΔE 9.3

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

Conversions

HEX

#68aeb5

RGB

rgb(104, 174, 181)

HSL

hsl(185.5, 34.2%, 55.9%)

HSV / HSB

hsv(185.5, 42.5%, 71%)

CMYK

cmyk(42.5%, 3.9%, 0%, 29%)

LAB

lab(66.94, -20.18, -10.5)

LCH

lch(66.94, 22.75, 207.49)

OKLCH

oklch(70.7%, 0.0713, 203.91)

HWB

hwb(185.5, 40.8%, 29%)

Harmony colors

Complementary

#b56f68

Analogous

#68b596

#68aeb5

#6887b5

Triadic

#68aeb5

#b568ae

#aeb568

Split-complementary

#68aeb5

#b56887

#b59668

Tetradic

#68aeb5

#6f68b5

#b56f68

#aeb568

Square

#68aeb5

#9668b5

#b56f68

#87b568

Shades

Color #68aeb5 mixed toward black.

#4e989f

#3f7a80

#2f5b60

#1f3d40

#101e20

Tints

Color #68aeb5 mixed toward white.

#81bbc1

#9ac9ce

#b4d6da

#cde4e6

#e6f1f3

Tones

Color #68aeb5 mixed toward gray.

#6ea9af

#75a3a8

#7b9ea2

#82999b

#889495

Accessibility

Aa White text on this color

2.53:1

Aa Black text on this color

8.31:1

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

Under color vision deficiencies

Protanopia

#8c8db3 · ΔE 24.9

Deuteranopia

#8882b3 · ΔE 27.3

Tritanopia

#6db2b2 · ΔE 3.1

Achromatopsia

#a3a3a3 · ΔE 18.4

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

Code

CSS

background-color: #68aeb5;

Tailwind (arbitrary value)

bg-[#68aeb5]

Related colors

Powder Blue #b0e0e6

Cadet Blue #5f9ea0

Dark Turquoise #00ced1

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Frequently asked questions

#68aeb5 (#68aeb5) is rgb(104, 174, 181) in RGB.

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

Generate a palette → Check contrast