#286CA4 Color

Color Information

HEX#286CA4
RGB40, 108, 164
HSL207° , 61% , 40%
HSV207° , 76% , 64%
CMYK76%, 34%, 0%, 36%

Lighter Shades

#427EAF #5C8FBA #75A1C5 #8FB3D0 #A9C4DB #C3D6E6

Darker Shades

#235F90 #1E527D #1A4569 #153855 #102B42 #0B1E2E

Complementary Palette

#225D8D #286CA4 #8D5322 #A46028 #B17646 #4681B1

Analogous Palette

#388581 #3C908C #26669A #286CA4 #3C4090 #505495

Triadic Palette

#235F90 #286CA4 #AE1E6D #B8397F #6DAE1E #60991A

Split Complementary Palette

#246194 #286CA4 #A4282E #AD3E43 #A49E28 #948E24

Square Palette

#225B8A #286CA4 #95329A #9A6132 #2EA428 #4FB34A

Tetradic Palette

#215986 #286CA4 #5E15B7 #A46028 #6EB715 #88C43F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #286CA4 contains 40 red, 108 green, and 164 blue.

Contrast Ratio: 5.56:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.78:1