#286EA4 Color

Color Information

HEX#286EA4
RGB40, 110, 164
HSL206° , 61% , 40%
HSV206° , 76% , 64%
CMYK76%, 33%, 0%, 36%

Lighter Shades

#427FAF #5C91BA #75A2C5 #8FB4D0 #A9C5DB #C3D6E6

Darker Shades

#236190 #1E547D #1A4669 #153955 #102C42 #0B1F2E

Complementary Palette

#225F8D #286EA4 #8D5122 #A45E28 #B17546 #4682B1

Analogous Palette

#388580 #3C908A #26679A #286EA4 #3C4290 #505595

Triadic Palette

#236190 #286EA4 #AE1E70 #B83981 #70AE1E #63991A

Split Complementary Palette

#246394 #286EA4 #A42830 #AD3E45 #A49C28 #948C24

Square Palette

#225C8A #286EA4 #93329A #9A5F32 #30A428 #51B34A

Tetradic Palette

#215A86 #286EA4 #5B15B7 #A45E28 #71B715 #8BC43F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #286EA4 contains 40 red, 110 green, and 164 blue.

Contrast Ratio: 5.43:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.87:1