#2B6478 Color

Color Information

HEX	#2B6478
RGB	43, 100, 120
HSL	196° , 47% , 32%
HSV	196° , 64% , 47%
CMYK	64%, 17%, 0%, 53%

Lighter Shades

#447788 #5E8998 #779CA9 #91AEB9 #AAC1C9 #C4D4D9

Darker Shades

#26586A #214C5B #1C404D #16343E #112830 #0C1C22

Complementary Palette

#255667 #2B6478 #673725 #78402B #8B5B49 #497A8B

Analogous Palette

#365E55 #3C685D #285E71 #2B6478 #3C4668 #4E566E

Triadic Palette

#26586A #2B6478 #802367 #8F3D79 #678023 #5B711F

Split Complementary Palette

#275A6C #2B6478 #782B3D #864050 #78662B #6C5C27

Square Palette

#245465 #2B6478 #623370 #704433 #3D782B #5C8E4D

Tetradic Palette

#235262 #2B6478 #391D87 #78402B #6A871D #859D46

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2B6478 contains 43 red, 100 green, and 120 blue.

Contrast Ratio: 6.6:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.18:1