#96ACF2 Color

Color Information

HEX#96ACF2
RGB150, 172, 242
HSL226° , 78% , 77%
HSV226° , 38% , 95%
CMYK38%, 29%, 0%, 5%

Lighter Shades

#A3B6F4 #AFC0F5 #BCCAF7 #C8D4F8 #D5DEFA #E2E8FB

Darker Shades

#8497D5 #7283B8 #606E9B #4E597E #3C4561 #2A3044

Complementary Palette

#8194D0 #96ACF2 #D0BE82 #F2DD97 #F4E2A6 #A5B8F4

Analogous Palette

#9AC2D0 #A2D4E6 #8DA2E3 #96ACF2 #B4A2E6 #BBAAE9

Triadic Palette

#8497D5 #96ACF2 #F891A9 #F99EB3 #A9F891 #95DA80

Split Complementary Palette

#879BDA #96ACF2 #F2AF97 #F3B7A1 #DAF297 #C4DA88

Square Palette

#7E90CB #96ACF2 #EC9CD7 #ECDA9C #97F2AF #A8F4BC

Tetradic Palette

#7B8DC6 #96ACF2 #E28CFD #F2DD97 #A6FD8C #B6FDA1

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #96ACF2 contains 150 red, 172 green, and 242 blue.

Contrast Ratio: 2.18:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.63:1