#348BDD Color

Color Information

HEX#348BDD
RGB52, 139, 221
HSL209° , 71% , 54%
HSV209° , 76% , 87%
CMYK76%, 37%, 0%, 13%

Lighter Shades

#4C99E1 #65A7E5 #7DB5E9 #95C3ED #AED1F1 #C6DFF5

Darker Shades

#2E7AC2 #286AA8 #21598D #1B4873 #153858 #0F273E

Complementary Palette

#2D78BE #348BDD #BE742E #DD8736 #E29852 #509BE2

Analogous Palette

#4DB3B1 #4EC6C4 #3183D0 #348BDD #4E50C6 #5D5FCB

Triadic Palette

#2E7AC2 #348BDD #E92B8D #EC449B #8DE92B #7CCD26

Split Complementary Palette

#2F7DC7 #348BDD #DD3639 #E04A4D #DDDA36 #C7C431

Square Palette

#2C75BA #348BDD #CF42D1 #D18742 #39DD36 #59E256

Tetradic Palette

#2B72B5 #348BDD #8621F2 #DD8736 #8DF221 #A2F449

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #348BDD contains 52 red, 139 green, and 221 blue.

Contrast Ratio: 3.53:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.95:1