#365596 Color

Color Information

HEX#365596
RGB54, 85, 150
HSL221° , 47% , 40%
HSV221° , 64% , 59%
CMYK64%, 43%, 0%, 41%

Lighter Shades

#4E69A3 #667EAF #7E92BC #96A7C8 #AFBBD5 #C7CFE2

Darker Shades

#304B84 #294172 #233660 #1C2C4E #16223C #0F182A

Complementary Palette

#2E4981 #365596 #81672E #967836 #A58B52 #526DA5

Analogous Palette

#456E78 #4A7782 #33508D #365596 #554A82 #665D89

Triadic Palette

#304B84 #365596 #A02C51 #AB4566 #51A02C #478D27

Split Complementary Palette

#314D87 #365596 #964836 #A15A4A #849636 #778731

Square Palette

#2D477E #365596 #8C407E #8C7440 #369648 #56A765

Tetradic Palette

#2C467B #365596 #7E24A8 #967836 #4EA824 #6EB84B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #365596 contains 54 red, 85 green, and 150 blue.

Contrast Ratio: 7.33:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.86:1