#285ABD Color

Color Information

HEX#285ABD
RGB40, 90, 189
HSL220° , 65% , 45%
HSV220° , 79% , 74%
CMYK79%, 52%, 0%, 26%

Lighter Shades

#426EC5 #5C82CD #7595D5 #8FA9DD #A9BDE5 #C3D1ED

Darker Shades

#234FA6 #1E4490 #1A3A79 #152F62 #10244C #0B1935

Complementary Palette

#224DA3 #285ABD #A37822 #BD8C28 #C69C46 #4671C6

Analogous Palette

#3A8898 #3F95A6 #2655B2 #285ABD #503FA6 #6051A9

Triadic Palette

#234FA6 #285ABD #C91D56 #CF386A #56C91D #4CB11A

Split Complementary Palette

#2451AA #285ABD #BD4128 #C4543E #A4BD28 #94AA24

Square Palette

#224C9F #285ABD #B2349D #B28834 #28BD41 #4AC85F

Tetradic Palette

#214A9B #285ABD #9214D2 #BD8C28 #53D214 #72DA3E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #285ABD contains 40 red, 90 green, and 189 blue.

Contrast Ratio: 6.43:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.27:1