#245C77 Color

Color Information

HEX#245C77
RGB36, 92, 119
HSL200° , 54% , 30%
HSV200° , 70% , 47%
CMYK70%, 23%, 0%, 53%

Lighter Shades

#3E7087 #598398 #7397A8 #8DAAB8 #A7BEC9 #C2D1D9

Darker Shades

#205169 #1B465A #173B4C #13303E #0E2530 #0A1A21

Complementary Palette

#1F4F66 #245C77 #65361E #763F23 #895A42 #43738A

Analogous Palette

#2E6058 #32675E #225670 #245C77 #323B67 #484E70

Triadic Palette

#205169 #245C77 #7D1C5D #8D3770 #5D7D1C #526E19

Split Complementary Palette

#20536B #245C77 #762331 #843946 #766823 #6A5E20

Square Palette

#1E4D64 #245C77 #632B6E #6E412B #317623 #528C46

Tetradic Palette

#1E4B62 #245C77 #3A1584 #763F23 #5F8415 #7C9A3F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #245C77 contains 36 red, 92 green, and 119 blue.

Contrast Ratio: 7.38:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.85:1