HEX Color #00A8D3 (Deepskyblue)

About #00A8D3

The precise color #00A8D3 is an excellent choice for modern design projects. Its closest recognized web color is Deepskyblue. Its digital footprint relies on 0 parts red, 168 parts green, and 211 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 100% cyan, 20% magenta, 0% yellow, and 17% black. The HSL representation is 192.2° hue, 100.0% saturation, and 41.4% lightness.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#00A8D3

RGB0, 168, 211

HSL192.2°, 100.0%, 41.4%

CMYK100%, 20%, 0%, 17%

HSV192.2°, 100.0%, 82.7%

LAB63.9, -20.9, -32.0

XYZ25.8, 32.7, 66.6

Decimal43219

Color Harmonies

Complementary

#00A8D3 #D32A00

Analogous

#00D394 #003ED3

Triadic

#D300A7 #A8D300

Tetradic

#9400D3 #D32A00 #3ED300

Tints, Shades & Tones

Tints (Adding White)

#00A8D3

#1CB1D7

#38BBDC

#55C5E1

#71CEE6

#8DD8EB

#AAE2F0

#C6EBF5

#E2F5FA

#FFFFFF

Shades (Adding Black)

#00A8D3

#0095BB

#0082A4

#00708C

#005D75

#004A5D

#003846

#00252E

#001217

#000000

WCAG Contrast Accessibility

2.78:1

Text on #FFFFFF

FAIL

7.54:1

Text on #000000

AAA

2.66:1

Text on #F8FAFC

FAIL

6.41:1

Text on #0F172A

AA

CSS Implementation

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

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

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

Similar Colors

Deepskyblue

#00BFFF