#12A250 Color

Color Information

HEX#12A250
RGB18, 162, 80
HSL146° , 80% , 35%
HSV146° , 89% , 64%
CMYK89%, 0%, 51%, 36%

Lighter Shades

#2EAD65 #4BB87A #67C38F #84CFA4 #A0DAB9 #BDE5CE

Darker Shades

#108F46 #0E7B3D #0C6833 #09542A #074120 #052D16

Complementary Palette

#0F8B45 #12A250 #8A0F55 #A11263 #AE3379 #33AF69

Analogous Palette

#288221 #2B8F24 #11984B #12A250 #248F88 #39938B

Triadic Palette

#108F46 #12A250 #4F09AA #6427B4 #AA4F09 #964608

Split Complementary Palette

#109248 #12A250 #9712A1 #A12AAA #A1121B #911018

Square Palette

#0F8843 #12A250 #1B2398 #981B62 #A19712 #B0A838

Tetradic Palette

#0F8542 #12A250 #0265B1 #A11263 #B14E02 #BF6E30

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #12A250 contains 18 red, 162 green, and 80 blue.

Contrast Ratio: 3.28:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.4:1