#2C6FA5 Color

Color Information

HEX#2C6FA5
RGB44, 111, 165
HSL207° , 58% , 41%
HSV207° , 73% , 65%
CMYK73%, 33%, 0%, 35%

Lighter Shades

#4580B0 #5F92BB #78A3C5 #91B4D0 #ABC5DB #C4D7E6

Darker Shades

#276291 #21547D #1C476A #173A56 #122C42 #0C1F2E

Complementary Palette

#265F8E #2C6FA5 #8E5426 #A5622C #B2784A #4A83B2

Analogous Palette

#3C8682 #41908C #29689B #2C6FA5 #414590 #545896

Triadic Palette

#276291 #2C6FA5 #B02170 #B93C81 #70B021 #639B1D

Split Complementary Palette

#286495 #2C6FA5 #A52C32 #AE4147 #A59F2C #958F28

Square Palette

#255D8B #2C6FA5 #96369B #9B6436 #32A52C #53B34E

Tetradic Palette

#245B87 #2C6FA5 #6119B8 #A5622C #70B819 #8AC542

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C6FA5 contains 44 red, 111 green, and 165 blue.

Contrast Ratio: 5.33:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.94:1