Skip to main content

#22282B

Share this color with others or download a color card image with HEX and RGB values. Perfect for social media, presentations, or design reference.

All Formats

HEX
#22282B
RGB
rgb(34, 40, 43)
RGBA
rgba(34, 40, 43, 1)
HSL
hsl(200, 11.69%, 15.1%)
HSLA
hsla(200, 12%, 15%, 1)
CMYK
cmyk(21%, 7%, 0%, 83%)

Color Palettes

Harmonious color combinations based on #22282B

Monochromatic

Shades and tints of the same hue

#161B1D
#435056
#70858F
#A9B6BC
#E2E7E9

Analogous

Adjacent colors on the color wheel

#222B25
#222B29
#22282B
#22232B
#25222B

Complementary

Opposite color for maximum contrast

#22282B
#2B2522

Triadic

Three evenly spaced colors

#22282B
#2B2228
#282B22

CSS Usage Examples

Background

background-color: #22282B;

Text

color: #22282B;

Border

border: 2px solid #22282B;

Shadow

box-shadow: 0 4px 6px #22282B40;
Feedback