Colors Palette Generator Color Scale Generator Design System From One Color Contrast Checker Color Converter Color Picker Gradient Generator Color From Image Color Blindness Simulator Color Namer CSS Color Playground

#63ACE2 — Sky Blue

#63ACE2 is a sky blue in the Sky Blue family. In practice it looks like a soft, dusty medium sky blue, and it is also commonly known as Sky Blue, Azure. Below are all of its color space values, an 11-step scale, harmony palettes and accessibility data.

#63ACE2

CSS Namedeepskyblue (closest)

Tints and shades (50–950)

50#f1f6faoklch(0.971 0.008 242.3)

100#e0ecf5oklch(0.936 0.017 242.3)

200#c6ddefoklch(0.885 0.035 242.3)

300#9dc6e6oklch(0.808 0.063 242.3)

400#6ba9d8oklch(0.712 0.094 242.3)

500#4493caoklch(0.637 0.113 242.3)

600#3380b5oklch(0.577 0.111 242.3)

700#216a9boklch(0.505 0.104 242.3)

800#195982oklch(0.444 0.093 242.3)

900#124b70oklch(0.396 0.084 242.3)

950#082c44oklch(0.281 0.059 242.3)

Accessibility

Contrast on white

2.46:1

Contrast on black

8.53:1

AA (4.5:1) on whiteFail
AA Large (3:1) on whiteFail
AAA (7:1) on whiteFail
AAA Large (4.5:1) on whiteFail
UI components (3:1) on whiteFail

Need a passing variant? Repair this color in the contrast checker.

Complementary palette

#63ACE2 #D4945A

Analogous palette

#63ACE2 #8DA0E8 #3EB6CC #B194DC #43BAAA

Triadic palette

#63ACE2 #DC879E #98AF60

Copy-ready CSS

brand-scale.css