#283C71 Color

Color Information

HEX#283C71
RGB40, 60, 113
HSL224° , 48% , 30%
HSV224° , 65% , 44%
CMYK65%, 47%, 0%, 56%

Lighter Shades

#425382 #5C6B93 #7582A4 #8F9AB5 #A9B1C6 #C3C8D7

Darker Shades

#233563 #1E2E56 #1A2648 #151F3B #10182D #0B1120

Complementary Palette

#223461 #283C71 #615122 #715E28 #857546 #465785

Analogous Palette

#33525B #375862 #26386A #283C71 #413762 #514A68

Triadic Palette

#233563 #283C71 #792038 #893B50 #387920 #316A1C

Split Complementary Palette

#243666 #283C71 #713928 #7F4D3E #607128 #566624

Square Palette

#22325F #283C71 #6A2F5C #6A5A2F #287139 #4A8859

Tetradic Palette

#21315D #283C71 #641A7F #715E28 #357F1A #599643

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #283C71 contains 40 red, 60 green, and 113 blue.

Contrast Ratio: 11.02:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.91:1