#0CB396 Color

Color Information

HEX	#0CB396
RGB	12, 179, 150
HSL	170° , 87% , 37%
HSV	170° , 93% , 70%
CMYK	93%, 0%, 16%, 30%

Lighter Shades

#29BCA3 #46C5AF #63CEBC #81D7C8 #9EE1D5 #BBEAE2

Darker Shades

#0B9E84 #098872 #087360 #065D4E #05483C #03322A

Complementary Palette

#0A9A81 #0CB396 #970A22 #B00C28 #BB2E46 #2EBEA5

Analogous Palette

#1D9143 #1F9E49 #0BA88D #0CB396 #1F739E #347FA2

Triadic Palette

#0B9E84 #0CB396 #9B03BA #A721C2 #BA9B03 #A48803

Split Complementary Palette

#0BA187 #0CB396 #B00C7A #B82487 #B0430C #9E3C0B

Square Palette

#0A967E #0CB396 #4616A7 #A7162E #7AB00C #8FBD33

Tetradic Palette

#0A937B #0CB396 #001FBD #B00C28 #BD9D00 #C9AF2E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #0CB396 contains 12 red, 179 green, and 150 blue.

Contrast Ratio: 2.62:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.02:1