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

#68ABD2 — Sky Blue

#68ABD2 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.

#68ABD2

CSS Namecadetblue (closest)

Tints and shades (50–950)

50#f1f6f9oklch(0.971 0.007 235.5)

100#e1ecf2oklch(0.936 0.014 235.5)

200#c8ddeaoklch(0.885 0.029 235.5)

300#a0c6deoklch(0.808 0.052 235.5)

400#71aaccoklch(0.712 0.078 235.5)

500#4d94bcoklch(0.637 0.093 235.5)

600#3c82a8oklch(0.577 0.092 235.5)

700#2a6c8foklch(0.505 0.086 235.5)

800#215a78oklch(0.444 0.077 235.5)

900#1a4c67oklch(0.396 0.069 235.5)

950#0c2d3eoklch(0.281 0.049 235.5)

Accessibility

Contrast on white

2.52:1

Contrast on black

8.34: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

#68ABD2 #CD936B

Analogous palette

#68ABD2 #87A1DA #55B2BD #A697D4 #60B49F

Triadic palette

#68ABD2 #CF8BA4 #9FA967

Copy-ready CSS

brand-scale.css