#2F916E Color

Color Information

HEX#2F916E
RGB47, 145, 110
HSL159° , 51% , 38%
HSV159° , 68% , 57%
CMYK68%, 0%, 24%, 43%

Lighter Shades

#489E7F #61AB91 #7AB9A2 #93C6B4 #ACD3C5 #C5E0D6

Darker Shades

#298061 #246E54 #1E5D46 #184B39 #133A2C #0D291F

Complementary Palette

#287D5F #2F916E #7E2847 #922F52 #A14C6A #4CA082

Analogous Palette

#3E7546 #437F4C #2C8867 #2F916E #43767F #567F86

Triadic Palette

#298061 #2F916E #73269C #8440A8 #9C7326 #896521

Split Complementary Palette

#2A8363 #2F916E #922F83 #9D448F #923E2F #83382A

Square Palette

#277A5C #2F916E #453989 #893955 #83922F #97A350

Tetradic Palette

#27775A #2F916E #1E4DA4 #922F52 #A4751E #B48E47

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2F916E contains 47 red, 145 green, and 110 blue.

Contrast Ratio: 3.85:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.46:1