#348EA3 Color

Color Information

HEX	#348EA3
RGB	52, 142, 163
HSL	191° , 52% , 42%
HSV	191° , 68% , 64%
CMYK	68%, 13%, 0%, 36%

Lighter Shades

#4C9CAE #65A9B9 #7DB7C4 #95C4CF #AED2DA #C6DFE5

Darker Shades

#2E7D8F #286C7C #215B68 #1B4A55 #153941 #0F282E

Complementary Palette

#2D7A8C #348EA3 #8C3E2C #A34833 #B06250 #509EB0

Analogous Palette

#44836F #498D78 #318599 #348EA3 #495F8D #5A6B90

Triadic Palette

#2E7D8F #348EA3 #AE2995 #B843A2 #95AE29 #839924

Split Complementary Palette

#2F8093 #348EA3 #A33357 #AC4768 #A38033 #93732E

Square Palette

#2C7789 #348EA3 #7C3E98 #984F3E #57A333 #72B254

Tetradic Palette

#2B7486 #348EA3 #3C20B6 #A34833 #9BB620 #ADC348

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #348EA3 contains 52 red, 142 green, and 163 blue.

Contrast Ratio: 3.74:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.61:1