#2C6B90 Color

Color Information

HEX	#2C6B90
RGB	44, 107, 144
HSL	202° , 53% , 37%
HSV	202° , 69% , 56%
CMYK	69%, 26%, 0%, 44%

Lighter Shades

#457D9D #5F8FAB #78A0B8 #91B2C5 #ABC4D3 #C4D6E0

Darker Shades

#275E7F #21516D #1C445C #17384B #122B3A #0C1E28

Complementary Palette

#265C7C #2C6B90 #7C4626 #90512C #A0694A #4A80A0

Analogous Palette

#3A736D #3F7D75 #296587 #2C6B90 #3F487D #525984

Triadic Palette

#275E7F #2C6B90 #9A236E #A63D7F #6E9A23 #61881F

Split Complementary Palette

#286082 #2C6B90 #902C3A #9B414E #90832C #827628

Square Palette

#255A79 #2C6B90 #7C3687 #875436 #3A902C #5AA24E

Tetradic Palette

#245876 #2C6B90 #4C1BA1 #90512C #70A11B #8AB244

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C6B90 contains 44 red, 107 green, and 144 blue.

Contrast Ratio: 5.81:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.62:1