#2D6C90 Color

Color Information

HEX	#2D6C90
RGB	45, 108, 144
HSL	202° , 52% , 37%
HSV	202° , 69% , 56%
CMYK	69%, 25%, 0%, 44%

Lighter Shades

#467E9D #5F8FAB #79A1B8 #92B3C5 #ABC4D3 #C4D6E0

Darker Shades

#285F7F #22526D #1D455C #17384B #122B3A #0D1E28

Complementary Palette

#275D7C #2D6C90 #7B4627 #8F512D #9F694A #4A81A0

Analogous Palette

#3A736C #407D74 #2A6687 #2D6C90 #40487D #545A83

Triadic Palette

#285F7F #2D6C90 #99246E #A53E7F #6E9924 #618720

Split Complementary Palette

#296182 #2D6C90 #8F2D3A #9A424E #8F822D #817529

Square Palette

#265B79 #2D6C90 #7B3786 #865437 #3A8F2D #5AA14F

Tetradic Palette

#255976 #2D6C90 #4D1CA0 #8F512D #70A01C #8AB145

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D6C90 contains 45 red, 108 green, and 144 blue.

Contrast Ratio: 5.73:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.67:1