#B2CA96 Color

Color Information

HEX#B2CA96
RGB178, 202, 150
HSL88° , 33% , 69%
HSV88° , 26% , 79%
CMYK12%, 0%, 26%, 21%

Lighter Shades

#BBD0A3 #C4D7AF #CEDDBC #D7E3C8 #E0EAD5 #E9F0E2

Darker Shades

#9DB284 #879A72 #728160 #5D694E #47513C #32392A

Complementary Palette

#99AE81 #B2CA96 #9681AE #AE96CA #B9A5D1 #BDD1A5

Analogous Palette

#B1B095 #BCBBA4 #A7BE8D #B2CA96 #A5BCA4 #ABC0AA

Triadic Palette

#9DB284 #B2CA96 #8EB2D2 #9CBBD7 #D28EB2 #B97D9D

Split Complementary Palette

#A0B687 #B2CA96 #9698CA #A1A2CF #C896CA #B487B6

Square Palette

#96AA7E #B2CA96 #9EC2C1 #AF9EC2 #CA9698 #D2A7A8

Tetradic Palette

#92A67B #B2CA96 #88D8AD #AE96CA #D888B3 #DF9DC1

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #B2CA96 contains 178 red, 202 green, and 150 blue.

Contrast Ratio: 1.76:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 11.94:1