#2A566D Color

Color Information

HEX#2A566D
RGB42, 86, 109
HSL201° , 44% , 30%
HSV201° , 61% , 43%
CMYK61%, 21%, 0%, 57%

Lighter Shades

#446A7F #5D7F90 #7793A2 #90A7B3 #AABBC5 #C3D0D6

Darker Shades

#254C60 #204153 #1B3746 #162D39 #11222C #0C181F

Complementary Palette

#244A5E #2A566D #5F3925 #6E422B #825C49 #486E81

Analogous Palette

#375853 #3A5F59 #275166 #2A566D #3A405F #4E526A

Triadic Palette

#254C60 #2A566D #762359 #863D6D #597623 #4E681F

Split Complementary Palette

#264D62 #2A566D #6E2B35 #7D4049 #6E642B #635A27

Square Palette

#23485C #2A566D #5F3267 #674532 #356E2B #55854D

Tetradic Palette

#224759 #2A566D #3E1D7C #6E422B #5B7C1D #799446

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A566D contains 42 red, 86 green, and 109 blue.

Contrast Ratio: 8.04:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.61:1