#BBCAF0 Color

Color Information

HEX#BBCAF0
RGB187, 202, 240
HSL223° , 64% , 84%
HSV223° , 22% , 94%
CMYK22%, 16%, 0%, 6%

Lighter Shades

#C3D0F2 #CBD7F4 #D3DDF5 #DCE3F7 #E4EAF9 #ECF0FB

Darker Shades

#A5B2D3 #8E9AB6 #78819A #61697D #4B5160 #343943

Complementary Palette

#A1AECE #BBCAF0 #CEC2A2 #F0E2BC #F2E6C5 #C5D1F2

Analogous Palette

#B8CBD1 #C5E0E8 #B0BEE2 #BBCAF0 #CCC5E8 #CFC8E9

Triadic Palette

#A5B2D3 #BBCAF0 #F4B8C9 #F5C1CF #C9F4B8 #B1D7A2

Split Complementary Palette

#A8B6D8 #BBCAF0 #F0C7BC #F2CDC3 #E5F0BC #CED8A9

Square Palette

#9DAACA #BBCAF0 #ECC1E2 #ECE0C1 #BCF0C7 #C7F2D0

Tetradic Palette

#99A6C5 #BBCAF0 #E6B5F7 #F0E2BC #C8F7B5 #D2F8C2

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BBCAF0 contains 187 red, 202 green, and 240 blue.

Contrast Ratio: 1.62:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 12.98:1