#2A5155 Color

Color Information

HEX#2A5155
RGB42, 81, 85
HSL186° , 34% , 25%
HSV186° , 51% , 33%
CMYK51%, 5%, 0%, 67%

Lighter Shades

#446669 #5D7B7E #779092 #90A5A7 #AAB9BB #C3CECF

Darker Shades

#25474B #203E41 #1B3436 #162A2C #112022 #0C1718

Complementary Palette

#244649 #2A5155 #492824 #552E2A #6D4B48 #48696D

Analogous Palette

#32433D #364942 #274C50 #2A5155 #363E49 #434D5B

Triadic Palette

#25474B #2A5155 #5C2456 #703E6A #565C24 #4C5120

Split Complementary Palette

#26494D #2A5155 #552A3B #663F4F #55442A #4D3D26

Square Palette

#234447 #2A5155 #43304F #4F3430 #3B552A #5A704C

Tetradic Palette

#224246 #2A5155 #251F61 #552E2A #5A611F #787D47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A5155 contains 42 red, 81 green, and 85 blue.

Contrast Ratio: 8.91:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.36:1