#2A6071 Color

Color Information

HEX	#2A6071
RGB	42, 96, 113
HSL	194° , 46% , 30%
HSV	194° , 63% , 44%
CMYK	63%, 15%, 0%, 56%

Lighter Shades

#447382 #5D8693 #7799A4 #90ACB5 #AABFC6 #C3D2D7

Darker Shades

#255463 #204956 #1B3D48 #16323B #11262D #0C1B20

Complementary Palette

#245361 #2A6071 #603223 #703A29 #845647 #487685

Analogous Palette

#355A50 #396056 #275A6A #2A6071 #394360 #4B5368

Triadic Palette

#255463 #2A6071 #772263 #873D76 #637722 #57691E

Split Complementary Palette

#265666 #2A6071 #70293C #7E3E50 #705D29 #655425

Square Palette

#23515F #2A6071 #593168 #683E31 #3C7029 #5B874B

Tetradic Palette

#224F5D #2A6071 #321C7D #703A29 #677D1C #829445

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A6071 contains 42 red, 96 green, and 113 blue.

Contrast Ratio: 7.03:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.99:1