#BABDDE Color

Color Information

HEX#BABDDE
RGB186, 189, 222
HSL235° , 35% , 80%
HSV235° , 16% , 87%
CMYK16%, 15%, 0%, 13%

Lighter Shades

#C2C5E2 #CBCDE6 #D3D5EA #DBDDEE #E3E5F2 #ECEDF6

Darker Shades

#A4A6C3 #8D90A9 #77798E #616273 #4A4C59 #34353E

Complementary Palette

#A0A3BF #BABDDE #BFBCA0 #DEDBBA #E3E0C4 #C4C6E3

Analogous Palette

#B3BEC7 #C4CDD4 #AFB2D1 #BABDDE #CBC4D4 #D0CAD8

Triadic Palette

#A4A6C3 #BABDDE #E3B5B9 #E6BEC1 #B9E3B5 #A3C89F

Split Complementary Palette

#A7AAC8 #BABDDE #DEC9BA #E1CEC1 #CFDEBA #BAC8A7

Square Palette

#9C9FBA #BABDDE #D9BFCE #D9D7BF #BADEC9 #C5E3D2

Tetradic Palette

#999BB6 #BABDDE #E3B1E7 #DEDBBA #B5E7B1 #C2EBBF

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BABDDE contains 186 red, 189 green, and 222 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.59:1