#294C60 Color

Color Information

HEX#294C60
RGB41, 76, 96
HSL202° , 40% , 27%
HSV202° , 57% , 38%
CMYK57%, 21%, 0%, 62%

Lighter Shades

#436173 #5C7786 #768C99 #90A2AC #A9B7BF #C3CDD2

Darker Shades

#244354 #1F3A49 #1A313D #152832 #101E26 #0B151B

Complementary Palette

#234153 #294C60 #533523 #603E29 #765947 #476576

Analogous Palette

#334D4A #37534F #27475A #294C60 #373B53 #484B61

Triadic Palette

#244354 #294C60 #67224E #793D63 #4E6722 #455B1E

Split Complementary Palette

#254456 #294C60 #602931 #703E46 #605929 #565025

Square Palette

#224051 #294C60 #54305A #5A4030 #316029 #52794B

Tetradic Palette

#223E4F #294C60 #3C1D6D #603E29 #4F6D1D #6F8746

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #294C60 contains 41 red, 76 green, and 96 blue.

Contrast Ratio: 9.37:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.24:1