#369B80 Color

Color Information

HEX#369B80
RGB54, 155, 128
HSL164° , 48% , 41%
HSV164° , 65% , 61%
CMYK65%, 0%, 17%, 39%

Lighter Shades

#4EA78F #66B39E #7EBFAE #96CBBD #AFD7CC #C7E3DB

Darker Shades

#308871 #297661 #236352 #1C5143 #163E33 #0F2B24

Complementary Palette

#2E856E #369B80 #852E46 #9B3651 #A95269 #52A992

Analogous Palette

#467C52 #4B8659 #339278 #369B80 #4B7886 #5E828D

Triadic Palette

#308871 #369B80 #852CA5 #9445B0 #A5852C #917527

Split Complementary Palette

#318C73 #369B80 #9B3683 #A54A8F #9B4E36 #8C4631

Square Palette

#2D826C #369B80 #534190 #904156 #839B36 #97AB56

Tetradic Palette

#2C7F69 #369B80 #2448AE #9B3651 #AE8924 #BD9E4B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #369B80 contains 54 red, 155 green, and 128 blue.

Contrast Ratio: 3.36:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.24:1