#2B64B2 Color

Color Information

HEX#2B64B2
RGB43, 100, 178
HSL215° , 61% , 43%
HSV215° , 76% , 70%
CMYK76%, 44%, 0%, 30%

Lighter Shades

#4477BB #5E89C4 #779CCE #91AED7 #AAC1E0 #C4D4E9

Darker Shades

#26589D #214C87 #1C4072 #16345D #112847 #0C1C32

Complementary Palette

#255699 #2B64B2 #986825 #B1792B #BC8C49 #497ABD

Analogous Palette

#3C8990 #41939B #285EA7 #2B64B2 #48419B #5B54A0

Triadic Palette

#26589D #2B64B2 #BC2061 #C43B74 #61BC20 #55A51C

Split Complementary Palette

#275AA0 #2B64B2 #B1362B #B94A40 #A5B12B #959F27

Square Palette

#245496 #2B64B2 #A6369C #A67736 #2BB136 #4DBD56

Tetradic Palette

#235292 #2B64B2 #7C17C4 #B1792B #5FC417 #7CCF41

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2B64B2 contains 43 red, 100 green, and 178 blue.

Contrast Ratio: 5.89:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.56:1