#2A323C Color

Color Information

HEX#2A323C
RGB42, 50, 60
HSL213° , 18% , 20%
HSV213° , 30% , 24%
CMYK30%, 17%, 0%, 76%

Lighter Shades

#444B53 #5D636B #777C82 #90949A #AAADB1 #C3C6C8

Darker Shades

#252C35 #20262E #1B2026 #161A1F #111418 #0C0E11

Complementary Palette

#242B34 #2A323C #342D24 #3C342A #575048 #484F57

Analogous Palette

#273435 #2B3A3B #272F38 #2A323C #2C2B3B #3A384C

Triadic Palette

#252C35 #2A323C #412532 #583F4B #324125 #2C3921

Split Complementary Palette

#262D36 #2A323C #3C2B2A #50403F #3B3C2A #353626

Square Palette

#232A32 #2A323C #3B2B3A #3B342B #2A3C2B #4C5B4D

Tetradic Palette

#222931 #2A323C #352145 #3C342A #314521 #566649

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A323C contains 42 red, 50 green, and 60 blue.

Contrast Ratio: 13.66:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.54:1