Skip to main content

#0BA248

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
#0BA248
RGB
rgb(11, 162, 72)
RGBA
rgba(11, 162, 72, 1)
HSL
hsl(144.24, 87.28%, 33.92%)
HSLA
hsla(144, 87%, 34%, 1)
CMYK
cmyk(93%, 0%, 56%, 36%)

Color Palettes

Harmonious color combinations based on #0BA248

Monochromatic

Shades and tints of the same hue

#033015
#0A8F3F
#11EE69
#70F5A5
#CFFCE1

Analogous

Adjacent colors on the color wheel

#66A20B
#1AA20B
#0BA248
#0BA293
#0B66A2

Complementary

Opposite color for maximum contrast

#0BA248
#A20B66

Triadic

Three evenly spaced colors

#0BA248
#480BA2
#A2480B

CSS Usage Examples

Background

background-color: #0BA248;

Text

color: #0BA248;

Border

border: 2px solid #0BA248;

Shadow

box-shadow: 0 4px 6px #0BA24840;
Feedback