#218748 Color (Hex and RGB)

#218748

rgb(33 135 72) · reads as green

#218748 has RGB values (33, 135, 72). The color reads primarily as green in sRGB space.

Color values

FormatValueChannels
HEX#218748R21G87B48
RGBrgb(33 135 72)R33G135B72
HSLhsl(143 61% 33%)H143°S61%L33%
OKLCHoklch(55% 0.13 151)L0.55C0.13H151°
HSVhsv(143, 76%, 53%)H143°S76%V53%
CMYKcmyk(76%, 0%, 47%, 47%)C76%M0%Y47%K47%

RGB mix

  • Red33 12.94%
  • Green135 52.94%
  • Blue72 28.24%

Base numbers

BaseRGB
Binary001000011000011101001000
Octal41207110
Decimal3313572
Hex218748

Shades & tints

Shades mix #218748 with black; tints mix it with white. Click any swatch to explore it.

Shades

Tints

Color harmonies

Complementary

Opposite on the color wheel — maximum contrast.

Analogous

Neighbors 30° either side — calm and cohesive.

Triadic

Three hues spaced 120° apart — vibrant balance.

Monochromatic

Same hue and saturation, different lightness.

Similar brand colors

The closest colors from our brand palettes, measured in OKLab.

Contrast & accessibility

WCAG 2.1 contrast against white and black. Test other pairs in the contrast checker.

Aa

#218748 on #FFFFFF

4.54:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#218748 on #000000

4.62:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#FFFFFF on #218748

4.54:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#000000 on #218748

4.62:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Code snippets

  • CSScolor: #218748;
  • Backgroundbackground-color: #218748;
  • CSS variable--color-218748: #218748;
  • Modern CSScolor: oklch(55% 0.13 151);
  • SCSS$color-218748: #218748;
  • Tailwindbg-[#218748] text-[#218748]
  • HTML<div style="background-color: #218748"></div>

Brands that use this color 1

↑