#2A6B8F Color

Color Information

HEX#2A6B8F
RGB42, 107, 143
HSL201° , 55% , 36%
HSV201° , 71% , 56%
CMYK71%, 25%, 0%, 44%

Lighter Shades

#447D9C #5D8FAA #77A0B7 #90B2C5 #AAC4D2 #C3D6E0

Darker Shades

#255E7E #20516D #1B445C #16384A #112B39 #0C1E28

Complementary Palette

#245C7B #2A6B8F #7A4223 #8E4D29 #9E6647 #48809F

Analogous Palette

#377269 #3C7C72 #276586 #2A6B8F #3C457C #4F5782

Triadic Palette

#255E7E #2A6B8F #97206E #A33B7F #6E9720 #61851C

Split Complementary Palette

#266081 #2A6B8F #8E2938 #993E4C #8E7F29 #807225

Square Palette

#235A78 #2A6B8F #793285 #854F32 #388E29 #58A04B

Tetradic Palette

#225875 #2A6B8F #48199F #8E4D29 #709F19 #8AB042

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A6B8F contains 42 red, 107 green, and 143 blue.

Contrast Ratio: 5.83:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.6:1