#286BBC Color

Color Information

HEX#286BBC
RGB40, 107, 188
HSL213° , 65% , 45%
HSV213° , 79% , 74%
CMYK79%, 43%, 0%, 26%

Lighter Shades

#427DC4 #5C8FCC #75A0D4 #8FB2DC #A9C4E4 #C3D6EC

Darker Shades

#235EA5 #1E518F #1A4478 #153862 #102B4B #0B1E35

Complementary Palette

#225CA2 #286BBC #A36922 #BD7A28 #C68D46 #4680C5

Analogous Palette

#3A9398 #3FA1A6 #2665B1 #286BBC #443FA6 #5751A9

Triadic Palette

#235EA5 #286BBC #C91D6A #CF387C #6AC91D #5DB11A

Split Complementary Palette

#2460A9 #286BBC #BD3028 #C4453E #B6BD28 #A4AA24

Square Palette

#225A9E #286BBC #B234AC #B27934 #28BD30 #4AC851

Tetradic Palette

#21589A #286BBC #7C14D2 #BD7A28 #69D214 #84DA3E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #286BBC contains 40 red, 107 green, and 188 blue.

Contrast Ratio: 5.35:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.93:1