#348477 Color

Color Information

HEX#348477
RGB52, 132, 119
HSL170° , 43% , 36%
HSV170° , 61% , 52%
CMYK61%, 0%, 10%, 48%

Lighter Shades

#4C9387 #65A298 #7DB0A8 #95BFB8 #AECEC9 #C6DDD9

Darker Shades

#2E7469 #28645A #21544C #1B453E #153530 #0F2521

Complementary Palette

#2D7266 #348477 #712D38 #833441 #94505C #50958A

Analogous Palette

#41684E #477155 #317C70 #348477 #476371 #596E78

Triadic Palette

#2E7469 #348477 #7C2B8C #8C449A #8C7C2B #7B6D26

Split Complementary Palette

#2F776B #348477 #833469 #8F4878 #834F34 #76472F

Square Palette

#2C6F64 #348477 #533E7A #7A3E48 #698334 #819754

Tetradic Palette

#2B6C62 #348477 #243694 #833441 #948124 #A7984B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #348477 contains 52 red, 132 green, and 119 blue.

Contrast Ratio: 4.41:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.76:1