#294E96 Color

Color Information

HEX#294E96
RGB41, 78, 150
HSL220° , 57% , 37%
HSV220° , 73% , 59%
CMYK73%, 48%, 0%, 41%

Lighter Shades

#4363A3 #5C78AF #768EBC #90A3C8 #A9B8D5 #C3CDE2

Darker Shades

#244584 #1F3B72 #1A3260 #15294E #101F3C #0B162A

Complementary Palette

#234381 #294E96 #7F6023 #947029 #A38447 #4767A5

Analogous Palette

#376C76 #3B7681 #27498D #294E96 #473B81 #594F87

Triadic Palette

#244584 #294E96 #9E1F49 #AA3A5F #499E1F #408B1B

Split Complementary Palette

#254687 #294E96 #943A29 #9F4E3E #829429 #758525

Square Palette

#22427E #294E96 #8B327C #8B6D32 #29943A #4BA55A

Tetradic Palette

#22407B #294E96 #7618A5 #947029 #47A518 #68B542

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #294E96 contains 41 red, 78 green, and 150 blue.

Contrast Ratio: 8.13:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.58:1