HEX Color #A0BDF0 (Lightskyblue)

About #A0BDF0

Visually, #A0BDF0 is defined as a vivid blue. It is closely associated with the named CSS color Lightskyblue. Its digital footprint relies on 160 parts red, 189 parts green, and 240 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 33% Cyan, 21% Magenta, 0% Yellow, and 6% Black. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. 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#A0BDF0

RGB160, 189, 240

HSL218.2°, 72.7%, 78.4%

CMYK33%, 21%, 0%, 6%

HSV218.2°, 33.3%, 94.1%

LAB76.2, 2.1, -28.5

XYZ48.4, 50.2, 89.6

Decimal10534384

Color Harmonies

Complementary

#A0BDF0 #F0D3A0

Analogous

#A0E5F0 #AAA0F0

Triadic

#F0A0BD #BDF0A0

Tetradic

#F0A0E4 #F0D3A0 #A0F0AB

Tints, Shades & Tones

Tints (Adding White)

#A0BDF0

#AAC4F1

#B5CBF3

#BFD3F5

#CADAF6

#D4E1F8

#DFE9FA

#E9F0FB

#F4F7FD

#FFFFFF

Shades (Adding Black)

#A0BDF0

#8EA8D5

#7C93BA

#6A7EA0

#586985

#47546A

#353F50

#232A35

#11151A

#000000

WCAG Contrast Accessibility

1.90:1

Text on #FFFFFF

FAIL

11.03:1

Text on #000000

AAA

1.82:1

Text on #F8FAFC

FAIL

9.38:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #A0BDF0; }

.text-color { color: #A0BDF0; }

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

Similar Colors

Lightskyblue

#87CEFA