#2A675D Color

Color Information

HEX	#2A675D
RGB	42, 103, 93
HSL	170° , 42% , 28%
HSV	170° , 59% , 40%
CMYK	59%, 0%, 10%, 60%

Lighter Shades

#447970 #5D8B84 #779E97 #90B0AB #AAC2BE #C3D4D2

Darker Shades

#255B52 #204E47 #1B423C #163630 #112925 #0C1D1A

Complementary Palette

#245950 #2A675D #57232C #652933 #7B4750 #487C74

Analogous Palette

#34513D #385742 #276157 #2A675D #384D57 #4A5B64

Triadic Palette

#255B52 #2A675D #60226D #733D7F #6D6022 #60541E

Split Complementary Palette

#265D54 #2A675D #652951 #743E62 #653D29 #5B3725

Square Palette

#23574E #2A675D #40315E #5E3138 #516529 #6D7E4B

Tetradic Palette

#22544C #2A675D #1D2B72 #652933 #72641D #8B8046

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A675D contains 42 red, 103 green, and 93 blue.

Contrast Ratio: 6.6:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.18:1