Skip to main content

#225A16

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
#225A16
RGB
rgb(34, 90, 22)
RGBA
rgba(34, 90, 22, 1)
HSL
hsl(109.41, 60.71%, 21.96%)
HSLA
hsla(109, 61%, 22%, 1)
CMYK
cmyk(62%, 0%, 76%, 65%)

Color Palettes

Harmonious color combinations based on #225A16

Monochromatic

Shades and tints of the same hue

#10290A
#2F7B1E
#4ECD32
#95E184
#DCF5D6

Analogous

Adjacent colors on the color wheel

#5A4E16
#455A16
#225A16
#165A2C
#165A4E

Complementary

Opposite color for maximum contrast

#225A16
#4E165A

Triadic

Three evenly spaced colors

#225A16
#16225A
#5A1622

CSS Usage Examples

Background

background-color: #225A16;

Text

color: #225A16;

Border

border: 2px solid #225A16;

Shadow

box-shadow: 0 4px 6px #225A1640;
Feedback