#2ea0b8

Color #2ea0b8

A moderately saturated medium cyan.

Closest named color Cadet Blue #5f9ea0 · ΔE 14.41 Nearest Tailwind class cyan-600 #0092b8 · ΔE 6.4

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

Conversions

HEX

#2ea0b8

RGB

rgb(46, 160, 184)

HSL

hsl(190.4, 60%, 45.1%)

HSV / HSB

hsv(190.4, 75%, 72.2%)

CMYK

cmyk(75%, 13%, 0%, 27.8%)

LAB

lab(60.94, -23.05, -21.43)

LCH

lch(60.94, 31.47, 222.91)

OKLCH

oklch(65.4%, 0.1035, 215.29)

HWB

hwb(190.4, 18%, 27.8%)

Harmony colors

Complementary

#b8462e

Analogous

#2eb88b

#2ea0b8

#2e5bb8

Triadic

#2ea0b8

#b82ea0

#a0b82e

Split-complementary

#2ea0b8

#b82e5b

#b88b2e

Tetradic

#2ea0b8

#462eb8

#b8462e

#a0b82e

Square

#2ea0b8

#8b2eb8

#b8462e

#5bb82e

Shades

Color #2ea0b8 mixed toward black.

#268599

#1f6b7b

#17505c

#0f353d

#081b1f

Tints

Color #2ea0b8 mixed toward white.

#44b8d0

#6ac6da

#8fd4e3

#b4e3ec

#daf1f6

Tones

Color #2ea0b8 mixed toward gray.

#3a99ad

#4591a1

#518a96

#5c828a

#687b7f

Accessibility

Aa White text on this color

3.07:1

Aa Black text on this color

6.84:1

Black text reads better on this background (6.84:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#7273b3 · ΔE 26.5

Deuteranopia

#6c63b1 · ΔE 30.2

Tritanopia

#3baead · ΔE 10.3

Achromatopsia

#939393 · ΔE 20.7

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

Code

CSS

background-color: #2ea0b8;

Tailwind (arbitrary value)

bg-[#2ea0b8]

Related colors

Powder Blue #b0e0e6

Light Blue #add8e6

Deep Sky Blue #00bfff

Sky Blue #87ceeb

Cadet Blue #5f9ea0

Dark Turquoise #00ced1

Frequently asked questions

#2ea0b8 (#2ea0b8) is rgb(46, 160, 184) in RGB.

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

Generate a palette → Check contrast