#348F86 Color

Color Information

HEX#348F86
RGB52, 143, 134
HSL174° , 47% , 38%
HSV174° , 64% , 56%
CMYK64%, 0%, 6%, 44%

Lighter Shades

#4C9C95 #65AAA3 #7DB7B2 #95C5C0 #AED2CF #C6E0DD

Darker Shades

#2E7E76 #286D66 #215C56 #1B4A46 #153936 #0F2826

Complementary Palette

#2D7B73 #348F86 #7A2C34 #8E333C #9E5057 #509F97

Analogous Palette

#417154 #477B5C #31867E #348F86 #47667B #597282

Triadic Palette

#2E7E76 #348F86 #8D2A98 #9B44A4 #988D2A #867C25

Split Complementary Palette

#2F8179 #348F86 #8E336A #994779 #8E5833 #804F2E

Square Palette

#2C7871 #348F86 #5A3D85 #853D44 #6A8E33 #82A054

Tetradic Palette

#2B756E #348F86 #222FA0 #8E333C #A09322 #B1A64A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #348F86 contains 52 red, 143 green, and 134 blue.

Contrast Ratio: 3.83:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.49:1