#0F5766

A dark, vivid cyan closely aligning with Darkslategray.

About #0F5766

The precise color #0F5766 is an excellent choice for modern design projects. It is closely associated with the named CSS color Darkslategray. To achieve this exact tint on a monitor, you would use an RGB mix of 15, 87, and 102.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 85% cyan and 15% magenta inks. With a hue angle of 190.3 degrees, it sits comfortably in the cyan spectrum.

When using this color as a background, text legibility must be considered. The calculated luminance score dictates that #FFFFFF typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#0F5766
RGB15, 87, 102
HSL190.3°, 74.4%, 22.9%
CMYK85%, 15%, 0%, 60%
HSV190.3°, 85.3%, 40.0%
LAB33.7, -15.2, -14.7
XYZ6.0, 7.9, 13.8
Decimal1005414

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

8.15:1
Text on #FFFFFF
AAA
2.58:1
Text on #000000
FAIL
7.79:1
Text on #F8FAFC
AAA
2.19:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #0F5766; }
.text-color { color: #0F5766; }
.border-color { border: 2px solid #0F5766; }

Similar Colors

Darkslategray
#2F4F4F