#286FCC Color

Color Information

HEX#286FCC
RGB40, 111, 204
HSL214° , 67% , 48%
HSV214° , 80% , 80%
CMYK80%, 46%, 0%, 20%

Lighter Shades

#4280D2 #5C92D8 #75A3DE #8FB4E4 #A9C5EB #C3D7F1

Darker Shades

#2362B4 #1E549B #1A4783 #153A6A #102C52 #0B1F39

Complementary Palette

#225FAF #286FCC #AF7222 #CC8528 #D39646 #4683D3

Analogous Palette

#3B9EA5 #41ACB4 #2668C0 #286FCC #4941B4 #5851B8

Triadic Palette

#2362B4 #286FCC #D91C6E #DE377F #6ED91C #61BF19

Split Complementary Palette

#2464B8 #286FCC #CC3328 #D1473E #C1CC28 #AEB824

Square Palette

#225DAB #286FCC #C035B7 #C08435 #28CC33 #4AD454

Tetradic Palette

#215BA7 #286FCC #8812E2 #CC8528 #6DE212 #87E73D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #286FCC contains 40 red, 111 green, and 204 blue.

Contrast Ratio: 4.94:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.25:1