#245B6A Color

Color Information

HEX	#245B6A
RGB	36, 91, 106
HSL	193° , 49% , 28%
HSV	193° , 66% , 42%
CMYK	66%, 14%, 0%, 58%

Lighter Shades

#3E6F7C #59828E #7396A0 #8DAAB2 #A7BDC3 #C2D1D5

Darker Shades

#20505D #1B4551 #173A44 #132F37 #0E242A #0A191E

Complementary Palette

#1F4E5B #245B6A #5B2D1F #6A3424 #7F5043 #43727F

Analogous Palette

#2E564B #335C51 #225664 #245B6A #333E5C #485065

Triadic Palette

#20505D #245B6A #721D5F #833872 #5F721D #54641A

Split Complementary Palette

#20525F #245B6A #6A2438 #793A4C #6A5724 #5F4E20

Square Palette

#1E4C59 #245B6A #542C63 #63392C #386A24 #588247

Tetradic Palette

#1E4B57 #245B6A #2E1877 #6A3424 #637718 #7F8F42

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #245B6A contains 36 red, 91 green, and 106 blue.

Contrast Ratio: 7.64:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.75:1