#BABDDF Color

Color Information

HEX#BABDDF
RGB186, 189, 223
HSL235° , 37% , 80%
HSV235° , 17% , 87%
CMYK17%, 15%, 0%, 13%

Lighter Shades

#C2C5E3 #CBCDE7 #D3D5EB #DBDDEE #E3E5F2 #ECEDF6

Darker Shades

#A4A6C4 #8D90A9 #77798F #616274 #4A4C59 #34353E

Complementary Palette

#A0A3C0 #BABDDF #C0BD9F #DFDCB9 #E3E1C3 #C4C6E3

Analogous Palette

#B3BEC7 #C3CDD5 #AFB2D2 #BABDDF #CBC3D5 #CFC9D9

Triadic Palette

#A4A6C4 #BABDDF #E4B4B8 #E7BDC1 #B8E4B4 #A2C99E

Split Complementary Palette

#A7AAC9 #BABDDF #DFC9B9 #E2CEC0 #CFDFB9 #BAC9A7

Square Palette

#9C9FBB #BABDDF #DABECE #DAD7BE #B9DFC9 #C4E4D2

Tetradic Palette

#999BB7 #BABDDF #E3B0E8 #DFDCB9 #B5E8B0 #C2ECBE

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BABDDF contains 186 red, 189 green, and 223 blue.

Contrast Ratio: 1.81:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 11.6:1