#078AA0

A dark, vivid cyan closely aligning with Darkcyan.

About #078AA0

The precise color #078AA0 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Darkcyan. To achieve this exact tint on a monitor, you would use an RGB mix of 7, 138, and 160.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 96% Cyan, 14% Magenta, 0% Yellow, and 37% Black. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a dark color, it is generally recommended to use #000000 text. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#078AA0
RGB7, 138, 160
HSL188.6°, 91.6%, 32.7%
CMYK96%, 14%, 0%, 37%
HSV188.6°, 95.6%, 62.7%
LAB52.7, -22.8, -20.4
XYZ15.5, 20.8, 36.4
Decimal494240

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

4.08:1
Text on #FFFFFF
AA Large
5.15:1
Text on #000000
AA
3.90:1
Text on #F8FAFC
AA Large
4.38:1
Text on #0F172A
AA Large

CSS Implementation

.bg-color { background-color: #078AA0; }
.text-color { color: #078AA0; }
.border-color { border: 2px solid #078AA0; }

Similar Colors

Darkcyan
#008B8B