#50A2FF Color

Color Information

HEX#50A2FF
RGB80, 162, 255
HSL212° , 100% , 66%
HSV212° , 69% , 100%
CMYK69%, 36%, 0%, 0%

Lighter Shades

#65ADFF #7AB8FF #8FC3FF #A4CFFF #B9DAFF #CEE5FF

Darker Shades

#468FE0 #3D7BC2 #3368A3 #2A5485 #204166 #162D47

Complementary Palette

#458BDB #50A2FF #DB9647 #FFAE52 #FFB96A #69AFFF

Analogous Palette

#60D3D7 #63E9EE #4B98F0 #50A2FF #6863EE #7571EF

Triadic Palette

#468FE0 #50A2FF #FF52A3 #FF67AE #A3FF52 #8FE048

Split Complementary Palette

#4892E6 #50A2FF #FF5752 #FF6863 #F9FF52 #E0E64A

Square Palette

#4388D6 #50A2FF #F65AF1 #F6AE5A #52FF57 #6EFF72

Tetradic Palette

#4285D1 #50A2FF #AE52FF #FFAE52 #A3FF52 #B4FF71

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #50A2FF contains 80 red, 162 green, and 255 blue.

Contrast Ratio: 2.61:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.05:1