#4494a0

Color #4494a0

A moderately saturated medium cyan.

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

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

Conversions

HEX

#4494a0

RGB

rgb(68, 148, 160)

HSL

hsl(187.8, 40.4%, 44.7%)

HSV / HSB

hsv(187.8, 57.5%, 62.7%)

CMYK

cmyk(57.5%, 7.5%, 0%, 37.3%)

LAB

lab(57.02, -20.78, -13.73)

LCH

lch(57.02, 24.91, 213.45)

OKLCH

oklch(62.2%, 0.0796, 208.5)

HWB

hwb(187.8, 26.7%, 37.3%)

Harmony colors

Complementary

#a05044

Analogous

#44a07e

#4494a0

#4466a0

Triadic

#4494a0

#a04494

#94a044

Split-complementary

#4494a0

#a04466

#a07e44

Tetradic

#4494a0

#5044a0

#a05044

#94a044

Square

#4494a0

#7e44a0

#a05044

#66a044

Shades

Color #4494a0 mixed toward black.

#397b85

#2d636b

#224a50

#173135

#0b191b

Tints

Color #4494a0 mixed toward white.

#5aadb9

#7bbdc7

#9cced5

#bddee3

#deeff1

Tones

Color #4494a0 mixed toward gray.

#4c8e98

#538991

#5b8389

#637d81

#6a787a

Accessibility

Aa White text on this color

3.51:1

Aa Black text on this color

5.99:1

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

Under color vision deficiencies

Protanopia

#70709d · ΔE 25.6

Deuteranopia

#6b659d · ΔE 27.8

Tritanopia

#4b9b9a · ΔE 5.8

Achromatopsia

#898989 · ΔE 19

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

Code

CSS

background-color: #4494a0;

Tailwind (arbitrary value)

bg-[#4494a0]

Related colors

Powder Blue #b0e0e6

Cadet Blue #5f9ea0

Light Blue #add8e6

Dark Turquoise #00ced1

Deep Sky Blue #00bfff

Aqua #00ffff

Frequently asked questions

#4494a0 (#4494a0) is rgb(68, 148, 160) in RGB.

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

Generate a palette → Check contrast