#2A6C8F Color

Color Information

HEX	#2A6C8F
RGB	42, 108, 143
HSL	201° , 55% , 36%
HSV	201° , 71% , 56%
CMYK	71%, 24%, 0%, 44%

Lighter Shades

#447E9C #5D8FAA #77A1B7 #90B3C5 #AAC4D2 #C3D6E0

Darker Shades

#255F7E #20526D #1B455C #16384A #112B39 #0C1E28

Complementary Palette

#245D7B #2A6C8F #7A4223 #8E4D29 #9E6647 #48819F

Analogous Palette

#377269 #3C7C72 #276686 #2A6C8F #3C457C #4F5782

Triadic Palette

#255F7E #2A6C8F #97206E #A33B7F #6E9720 #61851C

Split Complementary Palette

#266181 #2A6C8F #8E2938 #993E4C #8E7F29 #807225

Square Palette

#235B78 #2A6C8F #793285 #854F32 #388E29 #58A04B

Tetradic Palette

#225975 #2A6C8F #48199F #8E4D29 #709F19 #8AB042

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A6C8F contains 42 red, 108 green, and 143 blue.

Contrast Ratio: 5.76:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.65:1