#34456C Color

Color Information

HEX	#34456C
RGB	52, 69, 108
HSL	222° , 35% , 31%
HSV	222° , 52% , 42%
CMYK	52%, 36%, 0%, 58%

Lighter Shades

#4C5B7E #65728F #7D88A1 #959EB3 #AEB5C4 #C6CBD6

Darker Shades

#2E3D5F #283452 #212C45 #1B2438 #151C2B #0F131E

Complementary Palette

#2D3B5D #34456C #5C4D2C #6B5A33 #807150 #505F81

Analogous Palette

#3D4E52 #43565B #314166 #34456C #48435B #544E6A

Triadic Palette

#2E3D5F #34456C #732B41 #844458 #41732B #396526

Split Complementary Palette

#2F3E61 #34456C #6B3E33 #7A5147 #606B33 #56602E

Square Palette

#2C3A5B #34456C #633B5B #63573B #336B3E #54835D

Tetradic Palette

#2B3959 #34456C #602579 #6B5A33 #3E7925 #61914C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #34456C contains 52 red, 69 green, and 108 blue.

Contrast Ratio: 9.75:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.15:1