#282D5C Color

Color Information

HEX#282D5C
RGB40, 45, 92
HSL234° , 39% , 26%
HSV234° , 57% , 36%
CMYK57%, 51%, 0%, 64%

Lighter Shades

#424670 #5C5F83 #757997 #8F92AA #A9ABBE #C3C4D1

Darker Shades

#232851 #1E2246 #1A1D3B #151730 #101225 #0B0D1A

Complementary Palette

#22274F #282D5C #4F4B22 #5C5728 #736F46 #464A73

Analogous Palette

#323F49 #36454F #262A56 #282D5C #40364F #50455E

Triadic Palette

#232851 #282D5C #632229 #763D43 #296322 #24571E

Split Complementary Palette

#242953 #282D5C #5C3D28 #6C503E #475C28 #405324

Square Palette

#22264D #282D5C #562F46 #56522F #285C3D #4A765C

Tetradic Palette

#21254B #282D5C #611D68 #5C5728 #25681D #4C8346

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #282D5C contains 40 red, 45 green, and 92 blue.

Contrast Ratio: 13.63:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.54:1