HEX Color #0FA0C5 (Deepskyblue)

About #0FA0C5

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

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 92% cyan, 19% magenta, 0% yellow, and 23% black. The HSL representation is 192.2° hue, 85.8% saturation, and 41.6% lightness.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #000000 typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#0FA0C5

RGB15, 160, 197

HSL192.2°, 85.8%, 41.6%

CMYK92%, 19%, 0%, 23%

HSV192.2°, 92.4%, 77.3%

LAB61.0, -21.1, -28.6

XYZ22.8, 29.3, 57.3

Decimal1024197

Color Harmonies

Complementary

#0FA0C5 #C5330E

Analogous

#0EC58F #0E44C5

Triadic

#C50EA0 #A0C50E

Tetradic

#8E0EC5 #C5330E #45C50E

Tints, Shades & Tones

Tints (Adding White)

#0FA0C5

#29AACB

#44B5D1

#5FBFD8

#79CADE

#94D4E5

#AFDFEB

#C9E9F2

#E4F4F8

#FFFFFF

Shades (Adding Black)

#0FA0C5

#0D8EAF

#0B7C99

#0A6A83

#08586D

#064757

#053541

#03232B

#011115

#000000

WCAG Contrast Accessibility

3.06:1

Text on #FFFFFF

AA Large

6.85:1

Text on #000000

AA

2.93:1

Text on #F8FAFC

FAIL

5.83:1

Text on #0F172A

AA

CSS Implementation

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

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

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

Similar Colors

Deepskyblue

#00BFFF