#B2C7AF Color

Color Information

HEX#B2C7AF
RGB178, 199, 175
HSL113° , 18% , 73%
HSV113° , 12% , 78%
CMYK11%, 0%, 12%, 22%

Lighter Shades

#BBCEB9 #C4D4C2 #CEDBCC #D7E2D5 #E0E9DF #E9EFE9

Darker Shades

#9DAF9A #879785 #727F70 #5D675B #475046 #323831

Complementary Palette

#99AB97 #B2C7AF #A996AB #C4AEC7 #CCB9CF #BDCFBA

Analogous Palette

#AEB79E #BCC4B0 #A7BBA5 #B2C7AF #B0C4B7 #B6C9BD

Triadic Palette

#9DAF9A #B2C7AF #A7ABCD #B2B5D3 #CDA7AB #B49396

Split Complementary Palette

#A0B39E #B2C7AF #B7AEC7 #BEB6CD #C7AEBD #B39DAA

Square Palette

#96A793 #B2C7AF #B0BCC4 #C2B0C4 #C7B7AE #D0C3BB

Tetradic Palette

#92A390 #B2C7AF #A1D3CD #C4AEC7 #D3A1A7 #DBB2B7

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #B2C7AF contains 178 red, 199 green, and 175 blue.

Contrast Ratio: 1.77:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 11.85:1