#286DBA Color

Color Information

HEX#286DBA
RGB40, 109, 186
HSL212° , 65% , 44%
HSV212° , 78% , 73%
CMYK78%, 41%, 0%, 27%

Lighter Shades

#427FC2 #5C90CB #75A2D3 #8FB3DB #A9C5E3 #C3D6EC

Darker Shades

#2360A4 #1E538D #1A4677 #153961 #102C4A #0B1F34

Complementary Palette

#225EA0 #286DBA #9F6522 #B97527 #C38845 #4681C4

Analogous Palette

#389194 #3E9FA3 #2666AF #286DBA #413EA3 #5250A5

Triadic Palette

#2360A4 #286DBA #C41C6B #CB377D #6BC41C #5EAC19

Split Complementary Palette

#2462A7 #286DBA #B92C27 #C0413D #B4B927 #A2A723

Square Palette

#225C9C #286DBA #AE32AA #AE7432 #27B92C #4AC44E

Tetradic Palette

#215999 #286DBA #7613CD #B97527 #6ACD13 #85D63D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #286DBA contains 40 red, 109 green, and 186 blue.

Contrast Ratio: 5.25:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4:1