#80A2F0 Color

Color Information

HEX#80A2F0
RGB128, 162, 240
HSL222° , 79% , 72%
HSV222° , 47% , 94%
CMYK47%, 33%, 0%, 6%

Lighter Shades

#8FADF2 #9EB8F4 #AEC3F5 #BDCFF7 #CCDAF9 #DBE5FB

Darker Shades

#718FD3 #617BB6 #52689A #43547D #334160 #242D43

Complementary Palette

#6E8BCE #80A2F0 #CEB16D #F0CE7F #F2D591 #92AFF2

Analogous Palette

#86BDCB #8DD1E2 #7898E2 #80A2F0 #9E8DE2 #A596E4

Triadic Palette

#718FD3 #80A2F0 #F7789E #F888AA #9EF778 #8BD96A

Split Complementary Palette

#7392D8 #80A2F0 #F0967F #F2A18C #D9F07F #C3D872

Square Palette

#6C88CA #80A2F0 #E986D5 #E9CB86 #7FF096 #93F2A7

Tetradic Palette

#6985C5 #80A2F0 #D372FD #F0CE7F #9CFD72 #AEFD8B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #80A2F0 contains 128 red, 162 green, and 240 blue.

Contrast Ratio: 2.48:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.47:1