#325465 Color

Color Information

HEX	#325465
RGB	50, 84, 101
HSL	200° , 34% , 30%
HSV	200° , 50% , 40%
CMYK	50%, 17%, 0%, 60%

Lighter Shades

#4B6977 #637D8A #7C929C #94A6AF #ADBBC1 #C6CFD4

Darker Shades

#2C4A59 #26404D #203641 #1A2C35 #142228 #0E181C

Complementary Palette

#2B4857 #325465 #593A2B #674432 #7C5E4F #4F6C7B

Analogous Palette

#3D524E #415854 #2F4F5F #325465 #414558 #4C5167

Triadic Palette

#2C4A59 #325465 #6F2A58 #80446C #586F2A #4D6225

Split Complementary Palette

#2D4C5B #325465 #67323B #76474F #675E32 #5D552D

Square Palette

#2A4755 #325465 #593960 #604639 #3B6732 #5A7F53

Tetradic Palette

#294553 #325465 #3F2475 #674432 #5A7524 #788E4B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #325465 contains 50 red, 84 green, and 101 blue.

Contrast Ratio: 8.24:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.55:1