#0CA680 Color

Color Information

HEX	#0CA680
RGB	12, 166, 128
HSL	165° , 87% , 35%
HSV	165° , 93% , 65%
CMYK	93%, 0%, 23%, 35%

Lighter Shades

#29B18F #46BB9E #63C6AE #81D1BD #9EDBCC #BBE6DB

Darker Shades

#0B9271 #097E61 #086A52 #065643 #054233 #032E24

Complementary Palette

#0A8F6E #0CA680 #900A2B #A70C32 #B32E4F #2EB292

Analogous Palette

#1B8836 #1D953B #0B9C78 #0CA680 #1D7795 #338099

Triadic Palette

#0B9271 #0CA680 #8503B0 #9421B9 #B08503 #9B7503

Split Complementary Palette

#0B9573 #0CA680 #A70C80 #B0248D #A7320C #962D0B

Square Palette

#0A8B6C #0CA680 #37159E #9E1537 #80A70C #94B533

Tetradic Palette

#0A8869 #0CA680 #002DB3 #A70C32 #B38600 #C19C2E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #0CA680 contains 12 red, 166 green, and 128 blue.

Contrast Ratio: 3.05:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.89:1