#285E71 Color

Color Information

HEX#285E71
RGB40, 94, 113
HSL196° , 48% , 30%
HSV196° , 65% , 44%
CMYK65%, 17%, 0%, 56%

Lighter Shades

#427182 #5C8593 #7598A4 #8FABB5 #A9BFC6 #C3D2D7

Darker Shades

#235363 #1E4756 #1A3C48 #15313B #10262D #0B1A20

Complementary Palette

#225161 #285E71 #613322 #713B28 #855646 #467585

Analogous Palette

#335B52 #376258 #26586A #285E71 #374162 #4A5168

Triadic Palette

#235363 #285E71 #792061 #893B74 #617920 #556A1C

Split Complementary Palette

#245566 #285E71 #712839 #7F3E4D #716028 #665624

Square Palette

#224F5F #285E71 #5C2F6A #6A3F2F #397128 #59884A

Tetradic Palette

#214D5D #285E71 #351A7F #713B28 #647F1A #809643

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #285E71 contains 40 red, 94 green, and 113 blue.

Contrast Ratio: 7.23:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.91:1