#345166 Color

Color Information

HEX#345166
RGB52, 81, 102
HSL205° , 32% , 30%
HSV205° , 49% , 40%
CMYK49%, 21%, 0%, 60%

Lighter Shades

#4C6678 #657B8B #7D909D #95A5AF #AEB9C2 #C6CED4

Darker Shades

#2E475A #283E4E #213441 #1B2A35 #152029 #0F171D

Complementary Palette

#2D4658 #345166 #573E2D #654834 #7B6250 #50697B

Analogous Palette

#3D5250 #415856 #314C60 #345166 #414358 #4C4E67

Triadic Palette

#2E475A #345166 #6D2C53 #7F4568 #536D2C #496027

Split Complementary Palette

#2F495C #345166 #653438 #74484C #656134 #5B572F

Square Palette

#2C4456 #345166 #5B3C5D #5D493C #386534 #587E54

Tetradic Palette

#2B4254 #345166 #452673 #654834 #547326 #738C4D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #345166 contains 52 red, 81 green, and 102 blue.

Contrast Ratio: 8.51:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.47:1