#34417B Color

Color Information

HEX#34417B
RGB52, 65, 123
HSL229° , 41% , 34%
HSV229° , 58% , 48%
CMYK58%, 47%, 0%, 52%

Lighter Shades

#4C588B #656F9B #7D85AB #959CBA #AEB3CA #C6CADA

Darker Shades

#2E396C #28315D #212A4F #1B2240 #151A31 #0F1222

Complementary Palette

#2D386A #34417B #695E2C #7A6D33 #8D8150 #505C8D

Analogous Palette

#3E5660 #445D69 #313D74 #34417B #504469 #5E5572

Triadic Palette

#2E396C #34417B #832A3B #924453 #3B832A #347325

Split Complementary Palette

#2F3B6F #34417B #7A4A33 #875C47 #647A33 #5A6E2E

Square Palette

#2C3767 #34417B #723C61 #72683C #337A4A #548F67

Tetradic Palette

#2B3565 #34417B #77248A #7A6D33 #368A24 #5A9F4B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #34417B contains 52 red, 65 green, and 123 blue.

Contrast Ratio: 9.88:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.13:1