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

#80AFFC — Blue

#80AFFC is a blue in the Blue family. In practice it looks like a balanced light cornflower blue, and it is also commonly known as Cornflower Blue, Periwinkle. Below are all of its color space values, an 11-step scale, harmony palettes and accessibility data.

#80AFFC

CSS Namedeepskyblue (closest)

Tints and shades (50–950)

50#f2f6fcoklch(0.971 0.009 259.9)

100#e2eaf7oklch(0.936 0.019 259.9)

200#cadaf4oklch(0.885 0.04 259.9)

300#a5c2f0oklch(0.808 0.072 259.9)

400#7aa3e5oklch(0.712 0.107 259.9)

500#5b8bd9oklch(0.637 0.129 259.9)

600#4b78c3oklch(0.577 0.126 259.9)

700#3a63a8oklch(0.505 0.119 259.9)

800#2f528doklch(0.444 0.106 259.9)

900#264579oklch(0.396 0.095 259.9)

950#14284aoklch(0.281 0.067 259.9)

Accessibility

Contrast on white

2.22:1

Contrast on black

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

#80AFFC #D7A54A

Analogous palette

#80AFFC #ADA1F7 #4BBCED #D194DF #22C5CD

Triadic palette

#80AFFC #F28D8E #84C276

Copy-ready CSS

brand-scale.css