#A2C4F5 Color

Color Information

HEX#A2C4F5
RGB162, 196, 245
HSL215° , 81% , 80%
HSV215° , 34% , 96%
CMYK34%, 20%, 0%, 4%

Lighter Shades

#ADCBF6 #B8D2F7 #C3D9F9 #CFE0FA #DAE7FB #E5EEFC

Darker Shades

#8FACD8 #7B95BA #687D9D #54667F #414E62 #2D3745

Complementary Palette

#8BA9D3 #A2C4F5 #D3B58C #F5D3A3 #F6D9B0 #AFCCF6

Analogous Palette

#A5D1D5 #ADE6EB #98B8E6 #A2C4F5 #B3ADEB #BBB5ED

Triadic Palette

#8FACD8 #A2C4F5 #FA9EC4 #FBAACB #C4FA9E #ACDC8B

Split Complementary Palette

#92B0DD #A2C4F5 #F5AAA3 #F6B3AC #EEF5A3 #D6DD93

Square Palette

#88A5CE #A2C4F5 #F0A8EA #F0D2A8 #A3F5AA #B2F7B8

Tetradic Palette

#85A1C9 #A2C4F5 #D49AFE #F5D3A3 #C4FE9A #CFFEAC

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #A2C4F5 contains 162 red, 196 green, and 245 blue.

Contrast Ratio: 1.76:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 11.91:1