#BACFF2 Color

Color Information

HEX#BACFF2
RGB186, 207, 242
HSL218° , 68% , 84%
HSV218° , 23% , 95%
CMYK23%, 14%, 0%, 5%

Lighter Shades

#C2D5F4 #CBDBF5 #D3E0F7 #DBE6F8 #E3ECFA #ECF2FB

Darker Shades

#A4B6D5 #8D9DB8 #77849B #616C7E #4A5361 #343A44

Complementary Palette

#A0B2D0 #BACFF2 #D0BFA0 #F2DEBA #F4E3C4 #C4D6F4

Analogous Palette

#B6CFD3 #C3E5EA #AFC3E3 #BACFF2 #C8C3EA #CBC6EB

Triadic Palette

#A4B6D5 #BACFF2 #F6B6CE #F7BFD4 #CEF6B6 #B5D8A0

Split Complementary Palette

#A7BADA #BACFF2 #F2C2BA #F3C8C1 #EBF2BA #D4DAA7

Square Palette

#9CAECB #BACFF2 #EEBFE8 #EEDDBF #BAF2C2 #C5F4CC

Tetradic Palette

#99AAC6 #BACFF2 #E1B3F9 #F2DEBA #CDF9B3 #D6FAC1

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BACFF2 contains 186 red, 207 green, and 242 blue.

Contrast Ratio: 1.56:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.45:1