#285F71 Color

Color Information

HEX#285F71
RGB40, 95, 113
HSL195° , 48% , 30%
HSV195° , 65% , 44%
CMYK65%, 16%, 0%, 56%

Lighter Shades

#427282 #5C8593 #7599A4 #8FACB5 #A9BFC6 #C3D2D7

Darker Shades

#235463 #1E4856 #1A3D48 #15313B #10262D #0B1B20

Complementary Palette

#225261 #285F71 #613222 #713A28 #855646 #467585

Analogous Palette

#335B51 #376257 #26596A #285F71 #374262 #4A5268

Triadic Palette

#235463 #285F71 #792063 #893B76 #637920 #576A1C

Split Complementary Palette

#245666 #285F71 #71283A #7F3E4E #715F28 #665624

Square Palette

#22505F #285F71 #5B2F6A #6A3E2F #3A7128 #5A884A

Tetradic Palette

#214E5D #285F71 #331A7F #713A28 #667F1A #829643

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #285F71 contains 40 red, 95 green, and 113 blue.

Contrast Ratio: 7.14:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.94:1