HEX Color #00AFF0 (Deepskyblue)

About #00AFF0

When working with digital screens, the color #00AFF0 is rendered by mixing light. If you're using CSS, you might find it aligns closely with Deepskyblue. In the RGB color space, it consists of 0 red, 175 green, and 240 blue.

For print applications, it's crucial to understand its CMYK makeup. This specific hue requires a mix of 100% C, 27% M, 0% Y, and 6% K. The HSL representation is 196.3° hue, 100.0% saturation, and 47.1% 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#00AFF0

RGB0, 175, 240

HSL196.3°, 100.0%, 47.1%

CMYK100%, 27%, 0%, 6%

HSV196.3°, 100.0%, 94.1%

LAB67.2, -14.4, -42.7

XYZ31.1, 37.0, 87.9

Decimal45040

Color Harmonies

Complementary

#00AFF0 #EF4100

Analogous

#00EFB9 #0036EF

Triadic

#EF00AF #AFEF00

Tetradic

#B800EF #EF4100 #36EF00

Tints, Shades & Tones

Tints (Adding White)

#00AFF0

#1CB7F1

#38C0F3

#55C9F5

#71D2F6

#8DDBF8

#AAE4FA

#C6EDFB

#E2F6FD

#FFFFFF

Shades (Adding Black)

#00AFF0

#009BD5

#0088BA

#0074A0

#006185

#004D6A

#003A50

#002635

#00131A

#000000

WCAG Contrast Accessibility

2.50:1

Text on #FFFFFF

FAIL

8.39:1

Text on #000000

AAA

2.39:1

Text on #F8FAFC

FAIL

7.13:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Deepskyblue

#00BFFF