#2A5E3C Color

Color Information

HEX#2A5E3C
RGB42, 94, 60
HSL141° , 38% , 27%
HSV141° , 55% , 37%
CMYK55%, 0%, 36%, 63%

Lighter Shades

#447153 #5D856B #779882 #90AB9A #AABFB1 #C3D2C8

Darker Shades

#255335 #20472E #1B3C26 #16311F #112618 #0C1A11

Complementary Palette

#245134 #2A5E3C #522542 #5F2B4D #754966 #487557

Analogous Palette

#384B35 #3C5138 #275838 #2A5E3C #38514E #48615D

Triadic Palette

#255335 #2A5E3C #3B2466 #533E78 #663B24 #5A3420

Split Complementary Palette

#265536 #2A5E3C #572B5F #68406F #5F2B33 #56272E

Square Palette

#234F32 #2A5E3C #323758 #58324B #5F572B #79724D

Tetradic Palette

#224D31 #2A5E3C #1E506B #5F2B4D #6B391E #865D47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A5E3C contains 42 red, 94 green, and 60 blue.

Contrast Ratio: 7.69:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.73:1