#BAD7DF Color

Color Information

HEX#BAD7DF
RGB186, 215, 223
HSL193° , 37% , 80%
HSV193° , 17% , 87%
CMYK17%, 4%, 0%, 13%

Lighter Shades

#C2DCE3 #CBE1E7 #D3E5EB #DBEAEE #E3EFF2 #ECF4F6

Darker Shades

#A4BDC4 #8DA3A9 #778A8F #617074 #4A5659 #343C3E

Complementary Palette

#A0B9C0 #BAD7DF #C0A69F #DFC1B9 #E3CAC3 #C4DDE3

Analogous Palette

#B3C7C1 #C3D5D0 #AFCAD2 #BAD7DF #C3C8D5 #C9CED9

Triadic Palette

#A4BDC4 #BAD7DF #E4B4DA #E7BDDE #DAE4B4 #C0C99E

Split Complementary Palette

#A7C2C9 #BAD7DF #DFB9C4 #E2C0CA #DFD4B9 #C9BFA7

Square Palette

#9CB5BB #BAD7DF #D2BEDA #DAC4BE #C4DFB9 #CDE4C4

Tetradic Palette

#99B0B7 #BAD7DF #BCB0E8 #DFC1B9 #DCE8B0 #E2ECBE

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAD7DF contains 186 red, 215 green, and 223 blue.

Contrast Ratio: 1.5:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 14.03:1