#BAF3FF Color

Color Information

HEX#BAF3FF
RGB186, 243, 255
HSL190° , 100% , 86%
HSV190° , 27% , 100%
CMYK27%, 5%, 0%, 0%

Lighter Shades

#C2F4FF #CBF6FF #D3F7FF #DBF9FF #E3FAFF #ECFCFF

Darker Shades

#A4D6E0 #8DB9C2 #779CA3 #617E85 #4A6166 #344447

Complementary Palette

#A0D1DB #BAF3FF #DBA99E #FFC4B8 #FFCCC2 #C4F5FF

Analogous Palette

#B3E0D1 #BFF8E5 #AFE4F0 #BAF3FF #BFD1F8 #C3D4F8

Triadic Palette

#A4D6E0 #BAF3FF #FFB8F3 #FFC1F4 #F3FFB8 #D6E0A2

Split Complementary Palette

#A7DBE6 #BAF3FF #FFB8CF #FFBFD4 #FFE7B8 #E6D0A6

Square Palette

#9CCCD6 #BAF3FF #E6BBFB #FBC6BB #CFFFB8 #D7FFC3

Tetradic Palette

#99C7D1 #BAF3FF #C4B8FF #FFC4B8 #F3FFB8 #F5FFC5

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAF3FF contains 186 red, 243 green, and 255 blue.

Contrast Ratio: 1.2:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 17.43:1