#2863A0 Color

Color Information

HEX#2863A0
RGB40, 99, 160
HSL211° , 60% , 39%
HSV211° , 75% , 63%
CMYK75%, 38%, 0%, 37%

Lighter Shades

#4276AB #5C88B7 #759BC2 #8FAECE #A9C1D9 #C3D3E4

Darker Shades

#23578D #1E4B7A #1A3F66 #153353 #102840 #0B1C2D

Complementary Palette

#22558A #2863A0 #895722 #9F6528 #AC7B46 #4679AD

Analogous Palette

#377F81 #3C8A8B #265D96 #2863A0 #3D3C8B #515091

Triadic Palette

#23578D #2863A0 #A91E61 #B33974 #61A91E #55951A

Split Complementary Palette

#245990 #2863A0 #9F2A28 #A93F3E #9D9F28 #8D8F24

Square Palette

#225386 #2863A0 #953294 #956532 #289F2A #4AAE4C

Tetradic Palette

#215183 #2863A0 #6616B1 #9F6528 #61B116 #7DBF40

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2863A0 contains 40 red, 99 green, and 160 blue.

Contrast Ratio: 6.22:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.37:1