#BACAFD Color

Color Information

HEX#BACAFD
RGB186, 202, 253
HSL226° , 94% , 86%
HSV226° , 26% , 99%
CMYK26%, 20%, 0%, 1%

Lighter Shades

#C2D0FD #CBD7FD #D3DDFE #DBE3FE #E3EAFE #ECF0FE

Darker Shades

#A4B2DF #8D9AC0 #7781A2 #616984 #4A5165 #343947

Complementary Palette

#A0AEDA #BACAFD #DACCA0 #FDEDBA #FDF0C4 #C4D1FD

Analogous Palette

#B5D3DE #C1E8F6 #AFBEEE #BACAFD #CFC1F6 #D2C5F6

Triadic Palette

#A4B2DF #BACAFD #FFB8C7 #FFC1CE #C7FFB8 #AFE0A2

Split Complementary Palette

#A7B6E4 #BACAFD #FDCCBA #FDD1C1 #EBFDBA #D4E4A7

Square Palette

#9CAAD5 #BACAFD #F9BDE9 #F9EBBD #BAFDCC #C5FDD4

Tetradic Palette

#99A6CF #BACAFD #EEB8FF #FDEDBA #C7FFB8 #D1FFC5

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BACAFD contains 186 red, 202 green, and 253 blue.

Contrast Ratio: 1.6:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.11:1