#285A5E Color

Color Information

HEX#285A5E
RGB40, 90, 94
HSL184° , 40% , 26%
HSV184° , 57% , 37%
CMYK57%, 4%, 0%, 63%

Lighter Shades

#426E71 #5C8285 #759598 #8FA9AB #A9BDBF #C3D1D2

Darker Shades

#234F53 #1E4447 #1A3A3C #152F31 #102426 #0B191A

Complementary Palette

#224D51 #285A5E #502522 #5D2B28 #744946 #467175

Analogous Palette

#31493E #355044 #265558 #285A5E #354150 #45505E

Triadic Palette

#234F53 #285A5E #63215E #763C71 #5E6321 #53571D

Split Complementary Palette

#245155 #285A5E #5D283F #6D3E52 #5D4628 #543F24

Square Palette

#224C4F #285A5E #452E56 #56302E #3F5D28 #5E774A

Tetradic Palette

#214A4D #285A5E #201C69 #5D2B28 #62691C #7E8445

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #285A5E contains 40 red, 90 green, and 94 blue.

Contrast Ratio: 7.84:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.68:1