#BAF5FF Color

Color Information

HEX	#BAF5FF
RGB	186, 245, 255
HSL	189° , 100% , 86%
HSV	189° , 27% , 100%
CMYK	27%, 4%, 0%, 0%

Lighter Shades

#C2F6FF #CBF7FF #D3F9FF #DBFAFF #E3FBFF #ECFCFF

Darker Shades

#A4D8E0 #8DBAC2 #779DA3 #617F85 #4A6266 #344547

Complementary Palette

#A0D3DB #BAF5FF #DBA79E #FFC2B8 #FFCBC2 #C4F6FF

Analogous Palette

#B3E0D0 #BFF8E4 #AFE6F0 #BAF5FF #BFD3F8 #C3D6F8

Triadic Palette

#A4D8E0 #BAF5FF #FFB8F4 #FFC1F5 #F4FFB8 #D7E0A2

Split Complementary Palette

#A7DDE6 #BAF5FF #FFB8D1 #FFBFD6 #FFE6B8 #E6CFA6

Square Palette

#9CCED6 #BAF5FF #E5BBFB #FBC4BB #D1FFB8 #D8FFC3

Tetradic Palette

#99C9D1 #BAF5FF #C1B8FF #FFC2B8 #F4FFB8 #F6FFC5

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAF5FF contains 186 red, 245 green, and 255 blue.

Contrast Ratio: 1.19:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 17.67:1