#BDECFF Color

Color Information

HEX#BDECFF
RGB189, 236, 255
HSL197° , 100% , 87%
HSV197° , 26% , 100%
CMYK26%, 7%, 0%, 0%

Lighter Shades

#C5EEFF #CDF1FF #D5F3FF #DDF5FF #E5F7FF #EDFAFF

Darker Shades

#A6D0E0 #90B3C2 #7997A3 #627B85 #4C5E66 #354247

Complementary Palette

#A3CBDB #BDECFF #DBB2A3 #FFCFBD #FFD6C6 #C6EFFF

Analogous Palette

#B8E0D8 #C3F8ED #B2DEF0 #BDECFF #C3CFF8 #C8D3F9

Triadic Palette

#A6D0E0 #BDECFF #FFBDEC #FFC5EE #ECFFBD #D0E0A6

Split Complementary Palette

#AAD4E6 #BDECFF #FFBDCB #FFC4D0 #FFF1BD #E6D9AA

Square Palette

#9FC6D6 #BDECFF #EFC0FC #FCD0C0 #CBFFBD #D3FFC8

Tetradic Palette

#9BC2D1 #BDECFF #CEBDFF #FFCFBD #ECFFBD #EFFFC9

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BDECFF contains 189 red, 236 green, and 255 blue.

Contrast Ratio: 1.26:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 16.71:1