#B8DFDC Color

Color Information

HEX#B8DFDC
RGB184, 223, 220
HSL175° , 38% , 80%
HSV175° , 17% , 87%
CMYK17%, 0%, 1%, 13%

Lighter Shades

#C1E3E0 #C9E7E4 #D2EBE9 #DAEEED #E3F2F1 #EBF6F5

Darker Shades

#A2C4C2 #8CA9A7 #768F8D #607472 #4A5958 #343E3E

Complementary Palette

#9EC0BD #B8DFDC #C09FA2 #DFB9BC #E3C3C5 #C2E3E1

Analogous Palette

#B3C7BB #C3D5CB #ADD2CF #B8DFDC #C3CDD5 #C9D2D9

Triadic Palette

#A2C4C2 #B8DFDC #E0B4E4 #E4BDE7 #E4E0B4 #C9C59E

Split Complementary Palette

#A6C9C6 #B8DFDC #DFB9CF #E2C0D4 #DFC9B9 #C9B5A7

Square Palette

#9BBBB9 #B8DFDC #CABEDA #DABEC1 #CFDFB9 #D7E4C4

Tetradic Palette

#97B7B4 #B8DFDC #B0B5E8 #DFB9BC #E8E3B0 #ECE8BE

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #B8DFDC contains 184 red, 223 green, and 220 blue.

Contrast Ratio: 1.42:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 14.77:1