#344650 Color

Color Information

HEX	#344650
RGB	52, 70, 80
HSL	201° , 21% , 26%
HSV	201° , 35% , 31%
CMYK	35%, 13%, 0%, 69%

Lighter Shades

#4C5C65 #65727A #7D898F #959FA4 #AEB5B9 #C6CBCE

Darker Shades

#2E3E46 #28353D #212D33 #1B242A #151C20 #0F1416

Complementary Palette

#2D3C45 #344650 #45352D #503E34 #695950 #506069

Analogous Palette

#344644 #384C49 #31424B #344650 #383C4C #454A5E

Triadic Palette

#2E3E46 #344650 #572E48 #6B475E #48572E #3F4D28

Split Complementary Palette

#2F3F48 #344650 #503439 #62484D #504C34 #48442F

Square Palette

#2C3B43 #344650 #49384C #4C3F38 #395034 #596C54

Tetradic Palette

#2B3942 #344650 #3B285C #503E34 #4A5C28 #6B794F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #344650 contains 52 red, 70 green, and 80 blue.

Contrast Ratio: 10.13:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.07:1