#02A166 Color

Color Information

HEX	#02A166
RGB	2, 161, 102
HSL	158° , 98% , 32%
HSV	158° , 99% , 63%
CMYK	99%, 0%, 37%, 37%

Lighter Shades

#20AC78 #3FB88B #5DC39D #7BCEAF #9AD9C2 #B8E5D4

Darker Shades

#028E5A #027A4E #016741 #015435 #014029 #012D1D

Complementary Palette

#028A58 #02A166 #8B0234 #A2023C #AF2557 #25AE7B

Analogous Palette

#128721 #129123 #029760 #02A166 #128091 #298694

Triadic Palette

#028E5A #02A166 #6700A3 #791FAE #A36700 #8F5B00

Split Complementary Palette

#02915C #02A166 #A2028C #AB1B98 #A21702 #921502

Square Palette

#028756 #02A166 #1D0A99 #990A3E #8CA202 #9EB12A

Tetradic Palette

#028454 #02A166 #003CA3 #A2023C #A36700 #B4822E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #02A166 contains 2 red, 161 green, and 102 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.39:1