#283C87 Color

Color Information

HEX#283C87
RGB40, 60, 135
HSL227° , 54% , 34%
HSV227° , 70% , 53%
CMYK70%, 56%, 0%, 47%

Lighter Shades

#425395 #5C6BA4 #7582B2 #8F9AC1 #A9B1CF #C3C8DD

Darker Shades

#233577 #1E2E67 #1A2656 #151F46 #101836 #0B1126

Complementary Palette

#223474 #283C87 #736122 #867128 #978546 #465798

Analogous Palette

#345B6A #396374 #26387F #283C87 #4A3974 #5A4D7A

Triadic Palette

#233577 #283C87 #8E1F37 #9C3A4F #378E1F #307D1B

Split Complementary Palette

#24367A #283C87 #864228 #92553E #6B8628 #607924

Square Palette

#223271 #283C87 #7D3167 #7D6C31 #288642 #4A9960

Tetradic Palette

#21316F #283C87 #7A1895 #867128 #339518 #58A842

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #283C87 contains 40 red, 60 green, and 135 blue.

Contrast Ratio: 10.39:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.02:1