Skip to main content

#98E5B2

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
#98E5B2
RGB
rgb(152, 229, 178)
RGBA
rgba(152, 229, 178, 1)
HSL
hsl(140.26, 59.69%, 74.71%)
HSLA
hsla(140, 60%, 75%, 1)
CMYK
cmyk(34%, 0%, 22%, 10%)

Color Palettes

Harmonious color combinations based on #98E5B2

Monochromatic

Shades and tints of the same hue

#0A2914
#1F7A3D
#33CC66
#85E0A3
#D6F5E0

Analogous

Adjacent colors on the color wheel

#CCE699
#A6E699
#98E5B2
#99E6D9
#99CCE6

Complementary

Opposite color for maximum contrast

#98E5B2
#E699CC

Triadic

Three evenly spaced colors

#98E5B2
#B399E6
#E6B399

CSS Usage Examples

Background

background-color: #98E5B2;

Text

color: #98E5B2;

Border

border: 2px solid #98E5B2;

Shadow

box-shadow: 0 4px 6px #98E5B240;
Feedback