#BAD1F2 Color

Color Information

HEX#BAD1F2
RGB186, 209, 242
HSL215° , 68% , 84%
HSV215° , 23% , 95%
CMYK23%, 14%, 0%, 5%

Lighter Shades

#C2D7F4 #CBDCF5 #D3E2F7 #DBE7F8 #E3EDFA #ECF2FB

Darker Shades

#A4B8D5 #8D9FB8 #77869B #616D7E #4A5461 #343B44

Complementary Palette

#A0B4D0 #BAD1F2 #D0BCA0 #F2DBBA #F4E0C4 #C4D7F4

Analogous Palette

#B6D0D3 #C3E7EA #AFC4E3 #BAD1F2 #C6C3EA #C9C6EB

Triadic Palette

#A4B8D5 #BAD1F2 #F6B6D2 #F7BFD7 #D2F6B6 #B9D8A0

Split Complementary Palette

#A7BCDA #BAD1F2 #F2BFBA #F3C5C1 #EDF2BA #D5DAA7

Square Palette

#9CB0CB #BAD1F2 #EEBFEA #EEDABF #BAF2BF #C5F4C9

Tetradic Palette

#99ABC6 #BAD1F2 #DCB3F9 #F2DBBA #D2F9B3 #DAFAC1

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAD1F2 contains 186 red, 209 green, and 242 blue.

Contrast Ratio: 1.54:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.64:1