#2A5F5F Color

Color Information

HEX#2A5F5F
RGB42, 95, 95
HSL180° , 39% , 27%
HSV180° , 56% , 37%
CMYK56%, 0%, 0%, 63%

Lighter Shades

#447272 #5D8585 #779999 #90ACAC #AABFBF #C3D2D2

Darker Shades

#255454 #204848 #1B3D3D #163131 #112626 #0C1B1B

Complementary Palette

#245252 #2A5F5F #532424 #602A2A #764848 #487575

Analogous Palette

#344C3F #385245 #275959 #2A5F5F #384552 #485461

Triadic Palette

#255454 #2A5F5F #672367 #793D79 #676723 #5B5B1F

Split Complementary Palette

#265656 #2A5F5F #602A45 #703F58 #60452A #563E26

Square Palette

#235050 #2A5F5F #453159 #593131 #45602A #63794C

Tetradic Palette

#224E4E #2A5F5F #1E1E6C #602A2A #6C6C1E #868647

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A5F5F contains 42 red, 95 green, and 95 blue.

Contrast Ratio: 7.31:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.87:1