#ABC4F2 Color

Color Information

HEX#ABC4F2
RGB171, 196, 242
HSL219° , 73% , 81%
HSV219° , 29% , 95%
CMYK29%, 19%, 0%, 5%

Lighter Shades

#B5CBF4 #BFD2F5 #C9D9F7 #D3E0F8 #DDE7FA #E7EEFB

Darker Shades

#96ACD5 #8295B8 #6D7D9B #59667E #444E61 #303744

Complementary Palette

#93A9D0 #ABC4F2 #D0BB93 #F2D9AB #F4DEB7 #B7CCF4

Analogous Palette

#ABCDD3 #B5E1E8 #A1B8E3 #ABC4F2 #BDB5E8 #C4BDEB

Triadic Palette

#96ACD5 #ABC4F2 #F7A6C2 #F8B1C9 #C2F7A6 #ABD992

Split Complementary Palette

#9AB0DA #ABC4F2 #F2B6AB #F3BDB3 #E7F2AB #D0DA9A

Square Palette

#90A5CB #ABC4F2 #EDB0E4 #EDD8B0 #ABF2B6 #B8F4C2

Tetradic Palette

#8CA1C6 #ABC4F2 #DCA2FB #F2D9AB #C1FBA2 #CCFCB3

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #ABC4F2 contains 171 red, 196 green, and 242 blue.

Contrast Ratio: 1.74:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 12.07:1