#00ceea

Color #00ceea

A vivid, highly saturated medium cyan.

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

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

Conversions

HEX

#00ceea

RGB

rgb(0, 206, 234)

HSL

hsl(187.2, 100%, 45.9%)

HSV / HSB

hsv(187.2, 100%, 91.8%)

CMYK

cmyk(100%, 12%, 0%, 8.2%)

LAB

lab(76.12, -32.25, -25.73)

LCH

lch(76.12, 41.26, 218.58)

OKLCH

oklch(78.1%, 0.1361, 211.9)

HWB

hwb(187.2, 0%, 8.2%)

Harmony colors

Complementary

#ea1c00

Analogous

#00ea91

#00ceea

#0059ea

Triadic

#00ceea

#ea00ce

#ceea00

Split-complementary

#00ceea

#ea0059

#ea9100

Tetradic

#00ceea

#1c00ea

#ea1c00

#ceea00

Square

#00ceea

#9100ea

#ea1c00

#59ea00

Shades

Color #00ceea mixed toward black.

#00acc3

#00899c

#006775

#00454e

#002227

Tints

Color #00ceea mixed toward white.

#19e3ff

#47e9ff

#75eeff

#a3f4ff

#d1f9ff

Tones

Color #00ceea mixed toward gray.

#14bfd7

#27b0c3

#3ba2b0

#4e939c

#628489

Accessibility

Aa White text on this color

1.91:1

Aa Black text on this color

11.02:1

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

Under color vision deficiencies

Protanopia

#8d8fe4 · ΔE 31.4

Deuteranopia

#8477e2 · ΔE 36.4

Tritanopia

#31dedd · ΔE 10.2

Achromatopsia

#bcbcbc · ΔE 23.2

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

Code

CSS

background-color: #00ceea;

Tailwind (arbitrary value)

bg-[#00ceea]

Related colors

Powder Blue #b0e0e6

Cadet Blue #5f9ea0

Dark Turquoise #00ced1

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Frequently asked questions

#00ceea (#00ceea) is rgb(0, 206, 234) in RGB.

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

Generate a palette → Check contrast