#3ea1bb

Color #3ea1bb

A moderately saturated medium cyan.

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

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

Conversions

HEX

#3ea1bb

RGB

rgb(62, 161, 187)

HSL

hsl(192.5, 50.2%, 48.8%)

HSV / HSB

hsv(192.5, 66.8%, 73.3%)

CMYK

cmyk(66.8%, 13.9%, 0%, 26.7%)

LAB

lab(61.74, -20.39, -21.86)

LCH

lch(61.74, 29.89, 226.99)

OKLCH

oklch(66.2%, 0.0979, 218.45)

HWB

hwb(192.5, 24.3%, 26.7%)

Harmony colors

Complementary

#bb583e

Analogous

#3ebb96

#3ea1bb

#3e62bb

Triadic

#3ea1bb

#bb3ea1

#a1bb3e

Split-complementary

#3ea1bb

#bb3e62

#bb963e

Tetradic

#3ea1bb

#583ebb

#bb583e

#a1bb3e

Square

#3ea1bb

#963ebb

#bb583e

#62bb3e

Shades

Color #3ea1bb mixed toward black.

#34869c

#296b7d

#1f505d

#15363e

#0a1b1f

Tints

Color #3ea1bb mixed toward white.

#5cb2c9

#7cc1d4

#9dd1de

#bee0e9

#def0f4

Tones

Color #3ea1bb mixed toward gray.

#489bb0

#5395a6

#5d8f9c

#688991

#728387

Accessibility

Aa White text on this color

2.99:1

Aa Black text on this color

7.02:1

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

Under color vision deficiencies

Protanopia

#7677b5 · ΔE 24.7

Deuteranopia

#7169b4 · ΔE 27.8

Tritanopia

#47b0af · ΔE 11.2

Achromatopsia

#959595 · ΔE 20

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

Code

CSS

background-color: #3ea1bb;

Tailwind (arbitrary value)

bg-[#3ea1bb]

Related colors

Light Blue #add8e6

Deep Sky Blue #00bfff

Sky Blue #87ceeb

Powder Blue #b0e0e6

Light Sky Blue #87cefa

Cadet Blue #5f9ea0

Frequently asked questions

#3ea1bb (#3ea1bb) is rgb(62, 161, 187) in RGB.

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

Generate a palette → Check contrast