#348E63 Color

Color Information

HEX	#348E63
RGB	52, 142, 99
HSL	151° , 46% , 38%
HSV	151° , 63% , 56%
CMYK	63%, 0%, 30%, 44%

Lighter Shades

#4C9C76 #65A988 #7DB79B #95C4AE #AED2C1 #C6DFD3

Darker Shades

#2E7D57 #286C4B #215B3F #1B4A33 #153928 #0F281C

Complementary Palette

#2D7A55 #348E63 #792D52 #8D345F #9D5075 #509E79

Analogous Palette

#427043 #487A49 #31855D #348E63 #48797A #5A8181

Triadic Palette

#2E7D57 #348E63 #632B97 #7644A3 #97632B #855726

Split Complementary Palette

#2F8059 #348E63 #8D348C #984898 #8D3634 #7F312F

Square Palette

#2C7753 #348E63 #3F3E84 #843E60 #8C8D34 #9E9F54

Tetradic Palette

#2B7451 #348E63 #235F9F #8D345F #9F6323 #B07F4B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #348E63 contains 52 red, 142 green, and 99 blue.

Contrast Ratio: 4:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.25:1