#34637C Color

Color Information

HEX#34637C
RGB52, 99, 124
HSL201° , 41% , 35%
HSV201° , 58% , 49%
CMYK58%, 20%, 0%, 51%

Lighter Shades

#4C768C #65889B #7D9BAB #95AEBB #AEC1CB #C6D3DA

Darker Shades

#2E576D #284B5E #213F4F #1B3340 #152832 #0F1C23

Complementary Palette

#2D556B #34637C #6C432E #7E4E35 #906751 #50798E

Analogous Palette

#40635E #476C66 #315D75 #34637C #474C6C #575B75

Triadic Palette

#2E576D #34637C #872C67 #954579 #67872C #5B7727

Split Complementary Palette

#2F5970 #34637C #7E3540 #8B4953 #7E7335 #716830

Square Palette

#2C5368 #34637C #6D3E75 #75513E #407E35 #5F9355

Tetradic Palette

#2B5166 #34637C #49258E #7E4E35 #698E25 #84A24C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #34637C contains 52 red, 99 green, and 124 blue.

Contrast Ratio: 6.55:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.21:1