#2A3F46 Color

Color Information

HEX#2A3F46
RGB42, 63, 70
HSL195° , 25% , 22%
HSV195° , 40% , 27%
CMYK40%, 10%, 0%, 73%

Lighter Shades

#44565C #5D6D72 #778489 #909B9F #AAB2B5 #C3C9CB

Darker Shades

#25373E #203035 #1B282D #162124 #11191C #0C1214

Complementary Palette

#24363C #2A3F46 #3C2A24 #46312A #604E48 #485A60

Analogous Palette

#2B3B37 #30413C #273B42 #2A3F46 #303441 #3D4252

Triadic Palette

#25373E #2A3F46 #4C2442 #613E59 #424C24 #3A4320

Split Complementary Palette

#26393F #2A3F46 #462A31 #593F46 #463F2A #3F3926

Square Palette

#23353B #2A3F46 #3C3041 #413430 #31462A #52644C

Tetradic Palette

#223439 #2A3F46 #2C2050 #46312A #445020 #667048

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A3F46 contains 42 red, 63 green, and 70 blue.

Contrast Ratio: 11.51:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.82:1