HEX Color #00A0D3 (Deepskyblue)

About #00A0D3

At its core, #00A0D3 is a medium and vivid hue. 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 0, 160, and 211.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 100% cyan and 24% magenta inks. With a hue angle of 194.5 degrees, it sits comfortably in the cyan spectrum.

Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#00A0D3

RGB0, 160, 211

HSL194.5°, 100.0%, 41.4%

CMYK100%, 24%, 0%, 17%

HSV194.5°, 100.0%, 82.7%

LAB61.5, -16.7, -35.7

XYZ24.3, 29.8, 66.1

Decimal41171

Color Harmonies

Complementary

#00A0D3 #D33300

Analogous

#00D39C #0036D3

Triadic

#D3009F #9FD300

Tetradic

#9C00D3 #D33300 #36D300

Tints, Shades & Tones

Tints (Adding White)

#00A0D3

#1CAAD7

#38B5DC

#55BFE1

#71CAE6

#8DD4EB

#AADFF0

#C6E9F5

#E2F4FA

#FFFFFF

Shades (Adding Black)

#00A0D3

#008EBB

#007CA4

#006A8C

#005875

#00475D

#003546

#00232E

#001117

#000000

WCAG Contrast Accessibility

3.01:1

Text on #FFFFFF

AA Large

6.97:1

Text on #000000

AA

2.88:1

Text on #F8FAFC

FAIL

5.92:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #00A0D3; }

.text-color { color: #00A0D3; }

.border-color { border: 2px solid #00A0D3; }

Similar Colors

Deepskyblue

#00BFFF