#7CA8AF

A medium, muted cyan closely aligning with Cadetblue.

About #7CA8AF

Visually, #7CA8AF is defined as a muted cyan. It is closely associated with the named CSS color Cadetblue. This translates to an RGB value of rgb(124, 168, 175).

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 29% Cyan, 4% Magenta, 0% Yellow, and 31% Black. The HSL representation is 188.2° hue, 24.2% saturation, and 58.6% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a medium 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#7CA8AF
RGB124, 168, 175
HSL188.2°, 24.2%, 58.6%
CMYK29%, 4%, 0%, 31%
HSV188.2°, 29.1%, 68.6%
LAB66.0, -13.0, -8.4
XYZ30.1, 35.4, 45.8
Decimal8169647

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

2.60:1
Text on #FFFFFF
FAIL
8.08:1
Text on #000000
AAA
2.48:1
Text on #F8FAFC
FAIL
6.87:1
Text on #0F172A
AA

CSS Implementation

.bg-color { background-color: #7CA8AF; }
.text-color { color: #7CA8AF; }
.border-color { border: 2px solid #7CA8AF; }

Similar Colors

Cadetblue
#5F9EA0