Technology
Oppo Color Codes
Oppo's color is green #006B33, a dark green set under a lowercase wordmark. The Oppo color codes in Hex, RGB and CMYK can be found below. The brand name was registered in 2001 and the company founded in Dongguan on 10 October 2004. BBK Electronics owned it until 2023, and OnePlus and Realme sit under Oppo today. Duan Yongping also co-founded Vivo, so the two competing phone brands share a founder.
Primary colors
What are Oppo Primary Colors?
Oppo's primary color is green #006B33, dark enough to hold white text at any size.
Oppo publishes no public CMYK or Pantone sheet, so both are shown below as conversions and nearest matches.
Oppo Green
| Hex | #006B33 |
|---|---|
| RGB | 0, 107, 51 |
| HSL | hsl(149, 100%, 21%) |
| CMYK | 100%, 0%, 52%, 58%converted · approximate |
| Pantone | PMS 356 Cnearest match · not published by the brand |
Oppo Hex Color Codes
Oppo hex color codes are #006B33 for green.
| Color | Hex |
|---|---|
| Green | #006B33 |
Oppo RGB Color Codes
Oppo RGB color codes are 0, 107, 51 for green. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Green | rgb(0, 107, 51) |
Oppo HSL Color Codes
Oppo HSL color codes are 149, 100%, 21% for green. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Green | hsl(149, 100%, 21%) |
Oppo CMYK Color Code
Oppo CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Green | 100%, 0%, 52%, 58% |
Oppo Pantone Color Codes
Oppo Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Green | PMS 356 C |
Logo
Oppo Logo Colors
Oppo logo colors are one green, #006B33, on a lowercase wordmark.
Oppo Logo Colors Palette
What the Oppo Logo Colors Mean?
The Oppo logo colors have no published explanation, and Oppo has never stated what the name means either. The green is doing separation work rather than symbolic work: it is the one thing that tells an Oppo storefront apart from the blue and the red used by the phone brands it sits beside in the same markets. A caution on sourcing, since it bites here: files in circulation use a lighter #008B56, which is a noticeably different green.
Oppo Logo Color History
Oppo logo color history is brief. The wordmark was redrawn in March 2019 into the lowercase form used now, and the green carried across the change rather than being reset with it.
Oppo Logo JPG
Oppo logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Oppo Logo PNG
Oppo logo in PNG, with a transparent background. Use it over a colored surface.
Oppo Logo WebP
Oppo logo in WebP. Same transparency as the PNG at about a third of the file size.
Oppo Color Code Shades
Oppo color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Oppo paint or trim names.
In code
Using the Oppo palette
CSS custom properties
:root {
--oppo-green: #006B33;
}Contrast against white
| Green | 6.66:1AA ✓ |
|---|
Brand colors are chosen for recognition, not for legibility. A failing value here is normal. It means use it as a fill, not as text.