#245B84 Color

Color Information

HEX#245B84
RGB36, 91, 132
HSL206° , 57% , 33%
HSV206° , 73% , 52%
CMYK73%, 31%, 0%, 48%

Lighter Shades

#3E6F93 #5982A2 #7396B0 #8DAABF #A7BDCE #C2D1DD

Darker Shades

#205074 #1B4564 #173A54 #132F45 #0E2435 #0A1925

Complementary Palette

#1F4E72 #245B84 #72431F #844E24 #956743 #437295

Analogous Palette

#306966 #35736F #22567C #245B84 #353973 #494C79

Triadic Palette

#205074 #245B84 #8D1C5C #9B3770 #5C8D1C #517C19

Split Complementary Palette

#205277 #245B84 #84242B #903A40 #847E24 #777120

Square Palette

#1E4C6F #245B84 #762D7C #7C4F2D #2B8424 #4D9847

Tetradic Palette

#1E4B6C #245B84 #4C1593 #844E24 #5D9315 #7AA63F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #245B84 contains 36 red, 91 green, and 132 blue.

Contrast Ratio: 7.29:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.88:1