#348D96 Color

Color Information

HEX#348D96
RGB52, 141, 150
HSL186° , 49% , 40%
HSV186° , 65% , 59%
CMYK65%, 6%, 0%, 41%

Lighter Shades

#4C9BA3 #65A8AF #7DB6BC #95C4C8 #AED1D5 #C6DFE2

Darker Shades

#2E7C84 #286B72 #215A60 #1B494E #15383C #0F272A

Complementary Palette

#2D7981 #348D96 #83352D #983E34 #A65950 #509DA5

Analogous Palette

#437A64 #48846C #31858D #348D96 #486084 #5C6E8A

Triadic Palette

#2E7C84 #348D96 #A22A96 #AD44A3 #96A22A #848F25

Split Complementary Palette

#2F7F87 #348D96 #98345C #A2486C #987034 #89652F

Square Palette

#2C767E #348D96 #6E3E8E #8E463E #5C9834 #76A854

Tetradic Palette

#2B747B #348D96 #2F22AA #983E34 #9DAA22 #AFB94A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #348D96 contains 52 red, 141 green, and 150 blue.

Contrast Ratio: 3.84:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.46:1