#BAD9F2 Color

Color Information

HEX#BAD9F2
RGB186, 217, 242
HSL207° , 68% , 84%
HSV207° , 23% , 95%
CMYK23%, 10%, 0%, 5%

Lighter Shades

#C2DEF4 #CBE2F5 #D3E7F7 #DBEBF8 #E3F0FA #ECF4FB

Darker Shades

#A4BFD5 #8DA5B8 #778B9B #61717E #4A5761 #343D44

Complementary Palette

#A0BBD0 #BAD9F2 #D0B5A0 #F2D3BA #F4D9C4 #C4DEF4

Analogous Palette

#B6D3D2 #C3EAE8 #AFCCE3 #BAD9F2 #C3C5EA #C6C8EB

Triadic Palette

#A4BFD5 #BAD9F2 #F6B6D9 #F7BFDE #D9F6B6 #BFD8A0

Split Complementary Palette

#A7C3DA #BAD9F2 #F2BABD #F3C1C4 #F2EFBA #DAD7A7

Square Palette

#9CB6CB #BAD9F2 #EBBFEE #EED4BF #BDF2BA #C8F4C5

Tetradic Palette

#99B2C6 #BAD9F2 #D3B3F9 #F2D3BA #DAF9B3 #E1FAC1

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAD9F2 contains 186 red, 217 green, and 242 blue.

Contrast Ratio: 1.45:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 14.44:1