#BADFD5 Color

Color Information

HEX#BADFD5
RGB186, 223, 213
HSL164° , 37% , 80%
HSV164° , 17% , 87%
CMYK17%, 0%, 4%, 13%

Lighter Shades

#C2E3DA #CBE7DF #D3EBE4 #DBEEE9 #E3F2EE #ECF6F3

Darker Shades

#A4C4BB #8DA9A2 #778F88 #61746F #4A5955 #343E3C

Complementary Palette

#A0C0B7 #BADFD5 #C09FA8 #DFB9C3 #E3C3CB #C4E3DB

Analogous Palette

#B3C7B7 #C3D5C7 #AFD2C8 #BADFD5 #C3D1D5 #C9D5D9

Triadic Palette

#A4C4BB #BADFD5 #D7B4E4 #DCBDE7 #E4D7B4 #C9BD9E

Split Complementary Palette

#A7C9C0 #BADFD5 #DFB9D6 #E2C0DA #DFC2B9 #C9AFA7

Square Palette

#9CBBB3 #BADFD5 #C5BEDA #DABEC6 #D6DFB9 #DDE4C4

Tetradic Palette

#99B7AF #BADFD5 #B0BFE8 #DFB9C3 #E8D9B0 #ECE0BE

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BADFD5 contains 186 red, 223 green, and 213 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.75:1