#285A7A Color

Color Information

HEX#285A7A
RGB40, 90, 122
HSL203° , 51% , 32%
HSV203° , 67% , 48%
CMYK67%, 26%, 0%, 52%

Lighter Shades

#426E8A #5C829A #7595AA #8FA9BA #A9BDCA #C3D1DA

Darker Shades

#234F6B #1E445D #1A3A4E #152F3F #102431 #0B1922

Complementary Palette

#224D69 #285A7A #6A3E22 #7B4828 #8D6246 #46718D

Analogous Palette

#33615C #386B65 #265573 #285A7A #383E6B #4B5071

Triadic Palette

#234F6B #285A7A #83205D #923B70 #5D8320 #52731C

Split Complementary Palette

#24516E #285A7A #7B2832 #883E47 #7B7228 #6F6724

Square Palette

#224C66 #285A7A #6B3073 #734A30 #327B28 #53904A

Tetradic Palette

#214A64 #285A7A #44198A #7B4828 #5F8A19 #7C9F42

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #285A7A contains 40 red, 90 green, and 122 blue.

Contrast Ratio: 7.49:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.8:1