#BAD7E2 Color

Color Information

HEX#BAD7E2
RGB186, 215, 226
HSL197° , 41% , 81%
HSV197° , 18% , 89%
CMYK18%, 5%, 0%, 11%

Lighter Shades

#C2DCE5 #CBE1E9 #D3E5EC #DBEAF0 #E3EFF3 #ECF4F7

Darker Shades

#A4BDC7 #8DA3AC #778A91 #617076 #4A565A #343C3F

Complementary Palette

#A0B9C2 #BAD7E2 #C2AAA1 #E2C6BB #E6CEC5 #C4DDE6

Analogous Palette

#B6C9C5 #C5D8D4 #AFCAD4 #BAD7E2 #C5C9D8 #C8CCDA

Triadic Palette

#A4BDC7 #BAD7E2 #E7B6D9 #EABFDE #D9E7B6 #BFCBA0

Split Complementary Palette

#A7C2CB #BAD7E2 #E2BBC3 #E5C2C9 #E2DABB #CBC4A8

Square Palette

#9CB5BE #BAD7E2 #D7C0DD #DDC8C0 #C3E2BB #CDE7C6

Tetradic Palette

#99B0B9 #BAD7E2 #C2B2EB #E2C6BB #DBEBB2 #E1EFC0

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAD7E2 contains 186 red, 215 green, and 226 blue.

Contrast Ratio: 1.49:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 14.06:1