#C822B0 Color (Hex and RGB)

#C822B0

rgb(200 34 176) · reads as orange

#c822b0 has RGB values (200, 34, 176). The color reads primarily as orange in sRGB space.

Color values

FormatValueChannels
HEX#C822B0RC8G22BB0
RGBrgb(200 34 176)R200G34B176
HSLhsl(309 71% 46%)H309°S71%L46%
OKLCHoklch(58% 0.24 335)L0.58C0.24H335°
HSVhsv(309, 83%, 78%)H309°S83%V78%
CMYKcmyk(0%, 83%, 12%, 22%)C0%M83%Y12%K22%

RGB mix

  • Red200 78.43%
  • Green34 13.33%
  • Blue176 69.02%

Base numbers

BaseRGB
Binary110010000010001010110000
Octal31042260
Decimal20034176
Hexc822b0

Shades & tints

Shades mix #C822B0 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

#C822B0 on #FFFFFF

4.87:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#C822B0 on #000000

4.31:1

AA ✕AAA ✕AA Large ✓AAA Large ✕

Aa

#FFFFFF on #C822B0

4.87:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#000000 on #C822B0

4.31:1

AA ✕AAA ✕AA Large ✓AAA Large ✕

Code snippets

  • CSScolor: #c822b0;
  • Backgroundbackground-color: #c822b0;
  • CSS variable--color-c822b0: #c822b0;
  • Modern CSScolor: oklch(58% 0.24 335);
  • SCSS$color-c822b0: #c822b0;
  • Tailwindbg-[#c822b0] text-[#c822b0]
  • HTML<div style="background-color: #c822b0"></div>

Brands that use this color 1

↑