#BABBD2 Color

Color Information

HEX#BABBD2
RGB186, 187, 210
HSL238° , 21% , 78%
HSV238° , 11% , 82%
CMYK11%, 11%, 0%, 18%

Lighter Shades

#C2C3D7 #CBCBDD #D3D3E2 #DBDCE8 #E3E4ED #ECECF2

Darker Shades

#A4A5B9 #8D8EA0 #777886 #61616D #4A4B54 #34343B

Complementary Palette

#A0A1B5 #BABBD2 #B5B5A1 #D3D2BB #D9D8C5 #C4C5D8

Analogous Palette

#ADB9C2 #BEC7CF #AFB0C5 #BABBD2 #C6BECF #CCC4D4

Triadic Palette

#A4A5B9 #BABBD2 #D8B6B7 #DDBFC0 #B7D8B6 #A1BEA0

Split Complementary Palette

#A7A8BD #BABBD2 #D3C6BB #D7CCC2 #C8D3BB #B4BEA8

Square Palette

#9C9DB0 #BABBD2 #CFBEC7 #CFCFBE #BBD3C6 #C6DACF

Tetradic Palette

#9999AC #BABBD2 #DBB1DD #D3D2BB #B2DDB1 #C0E3BF

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BABBD2 contains 186 red, 187 green, and 210 blue.

Contrast Ratio: 1.86:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 11.3:1