#80B5F6 Color

Color Information

HEX#80B5F6
RGB128, 181, 246
HSL213° , 87% , 73%
HSV213° , 48% , 96%
CMYK48%, 26%, 0%, 4%

Lighter Shades

#8FBEF7 #9EC7F8 #AED0F9 #BDD9FA #CCE1FB #DBEAFC

Darker Shades

#719FD8 #618ABB #52749D #435E80 #334862 #243345

Complementary Palette

#6E9CD4 #80B5F6 #D4A56C #F6C07E #F7C990 #92BFF7

Analogous Palette

#85CDD1 #8CE4E8 #78AAE7 #80B5F6 #918CE8 #9995EA

Triadic Palette

#719FD8 #80B5F6 #FD77B3 #FD87BC #B3FD77 #9EDF69

Split Complementary Palette

#73A3DD #80B5F6 #F6847E #F7908B #F0F67E #D8DD71

Square Palette

#6C98CF #80B5F6 #EF85EA #EFBF85 #7EF684 #93F798

Tetradic Palette

#6994CA #80B5F6 #C175FF #F6C07E #B3FF75 #C1FF8E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #80B5F6 contains 128 red, 181 green, and 246 blue.

Contrast Ratio: 2.1:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 10:1