Skip to main content

#B3E6C9

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
#B3E6C9
RGB
rgb(179, 230, 201)
RGBA
rgba(179, 230, 201, 1)
HSL
hsl(145.88, 50.5%, 80.2%)
HSLA
hsla(146, 50%, 80%, 1)
CMYK
cmyk(22%, 0%, 13%, 10%)

Color Palettes

Harmonious color combinations based on #B3E6C9

Monochromatic

Shades and tints of the same hue

#0D2618
#267347
#40BF77
#8CD9AD
#D9F2E4

Analogous

Adjacent colors on the color wheel

#CFE6B3
#B6E6B3
#B3E6C9
#B3E6E2
#B3CFE6

Complementary

Opposite color for maximum contrast

#B3E6C9
#E6B3CF

Triadic

Three evenly spaced colors

#B3E6C9
#C9B3E6
#E6C9B3

CSS Usage Examples

Background

background-color: #B3E6C9;

Text

color: #B3E6C9;

Border

border: 2px solid #B3E6C9;

Shadow

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