#28c0ce

Color #28c0ce

A moderately saturated medium cyan.

Closest named color Dark Turquoise #00ced1 · ΔE 9.54 Nearest Tailwind class cyan-400 #00d3f2 · ΔE 6.8

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

Conversions

HEX

#28c0ce

RGB

rgb(40, 192, 206)

HSL

hsl(185.1, 67.5%, 48.2%)

HSV / HSB

hsv(185.1, 80.6%, 80.8%)

CMYK

cmyk(80.6%, 6.8%, 0%, 19.2%)

LAB

lab(71.28, -32.57, -17.89)

LCH

lch(71.28, 37.16, 208.78)

OKLCH

oklch(74%, 0.1192, 204.69)

HWB

hwb(185.1, 15.7%, 19.2%)

Harmony colors

Complementary

#ce3628

Analogous

#28ce89

#28c0ce

#286dce

Triadic

#28c0ce

#ce28c0

#c0ce28

Split-complementary

#28c0ce

#ce286d

#ce8928

Tetradic

#28c0ce

#3628ce

#ce3628

#c0ce28

Square

#28c0ce

#8928ce

#ce3628

#6dce28

Shades

Color #28c0ce mixed toward black.

#21a0ac

#1b8089

#146067

#0d4045

#072022

Tints

Color #28c0ce mixed toward white.

#47cfdb

#6bd8e2

#90e2ea

#b5ecf1

#daf5f8

Tones

Color #28c0ce mixed toward gray.

#36b4c0

#44a9b2

#519da4

#5f9297

#6d8689

Accessibility

Aa White text on this color

2.21:1

Aa Black text on this color

9.52:1

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

Under color vision deficiencies

Protanopia

#8688cb · ΔE 30.8

Deuteranopia

#7f73ca · ΔE 35.8

Tritanopia

#3dc8c8 · ΔE 5.3

Achromatopsia

#afafaf · ΔE 22.8

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

Code

CSS

background-color: #28c0ce;

Tailwind (arbitrary value)

bg-[#28c0ce]

Related colors

Powder Blue #b0e0e6

Cadet Blue #5f9ea0

Dark Turquoise #00ced1

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Frequently asked questions

#28c0ce (#28c0ce) is rgb(40, 192, 206) in RGB.

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

Generate a palette → Check contrast