HEX Color #0FC5C5 (Darkturquoise)

About #0FC5C5

When working with digital screens, the color #0FC5C5 is rendered by mixing light. If you're using CSS, you might find it aligns closely with Darkturquoise. To achieve this exact tint on a monitor, you would use an RGB mix of 15, 197, and 197.

Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 92% C, 0% M, 0% Y, and 23% K. This makes it a relatively light color when applied to physical surfaces.

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. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#0FC5C5

RGB15, 197, 197

HSL180.0°, 85.8%, 41.6%

CMYK92%, 0%, 0%, 23%

HSV180.0°, 92.4%, 77.3%

LAB72.3, -39.1, -11.5

XYZ30.2, 44.1, 59.7

Decimal1033669

Color Harmonies

Complementary

#0FC5C5 #C50E0E

Analogous

#0EC56A #0E69C5

Triadic

#C50EC4 #C4C50E

Tetradic

#690EC5 #C50E0E #6AC50E

Tints, Shades & Tones

Tints (Adding White)

#0FC5C5

#29CBCB

#44D1D1

#5FD8D8

#79DEDE

#94E5E5

#AFEBEB

#C9F2F2

#E4F8F8

#FFFFFF

Shades (Adding Black)

#0FC5C5

#0DAFAF

#0B9999

#0A8383

#086D6D

#065757

#054141

#032B2B

#011515

#000000

WCAG Contrast Accessibility

2.14:1

Text on #FFFFFF

FAIL

9.81:1

Text on #000000

AAA

2.05:1

Text on #F8FAFC

FAIL

8.34:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #0FC5C5; }

.text-color { color: #0FC5C5; }

.border-color { border: 2px solid #0FC5C5; }

Similar Colors

Darkturquoise

#00CED1