#345F56 Color

Color Information

HEX#345F56
RGB52, 95, 86
HSL167° , 29% , 29%
HSV167° , 45% , 37%
CMYK45%, 0%, 9%, 63%

Lighter Shades

#4C726A #65857F #7D9993 #95ACA7 #AEBFBB #C6D2D0

Darker Shades

#2E544C #284841 #213D37 #1B312D #152622 #0F1B18

Complementary Palette

#2D524A #345F56 #522E35 #5F353E #755159 #50756E

Analogous Palette

#3B4F40 #3F5545 #315951 #345F56 #3F4F55 #4C5F67

Triadic Palette

#2E544C #345F56 #5A2E66 #6E4778 #665A2E #5A4F28

Split Complementary Palette

#2F564D #345F56 #5F3553 #6F4964 #5F4135 #563B30

Square Palette

#2C5048 #345F56 #443D57 #573D42 #535F35 #6F7955

Tetradic Palette

#2B4E47 #345F56 #28376C #5F353E #6C5D28 #867A4F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #345F56 contains 52 red, 95 green, and 86 blue.

Contrast Ratio: 7.27:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.89:1