#345F63 Color

Color Information

HEX#345F63
RGB52, 95, 99
HSL185° , 31% , 30%
HSV185° , 47% , 39%
CMYK47%, 4%, 0%, 61%

Lighter Shades

#4C7276 #658588 #7D999B #95ACAE #AEBFC1 #C6D2D3

Darker Shades

#2E5457 #28484B #213D3F #1B3133 #152628 #0F1B1C

Complementary Palette

#2D5255 #345F63 #56312E #643935 #7A5551 #507579

Analogous Palette

#3D5249 #41584E #31595D #345F63 #414B58 #4C5867

Triadic Palette

#2E5457 #345F63 #6C2D67 #7E4679 #676C2D #5B5F28

Split Complementary Palette

#2F5659 #345F63 #643549 #74495B #645035 #5A4830

Square Palette

#2C5053 #345F63 #4F3C5D #5D3F3C #496435 #667D55

Tetradic Palette

#2B4E51 #345F63 #2D2772 #643935 #6C7227 #868B4E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #345F63 contains 52 red, 95 green, and 99 blue.

Contrast Ratio: 7.15:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.94:1