How accurate are the extracted colours?

The tool reads the rendered pixels directly, so the values are exact for the image supplied. Colours are grouped so near-identical shades from anti-aliasing do not crowd out the real brand colours.

What is the contrast ratio for?

It shows whether text in that colour would be readable on white or black, using the WCAG contrast formula. 4.5:1 or higher passes AA for body text.

Can I use these brand colours in my own work?

The colour values themselves are not protected, but the logos are trademarks of their owners. Check how you are allowed to use a brand mark before publishing.

Logo Colour Palette Extractor

Matching a brand colour by eye never quite works. This reads the actual pixels of a logo and returns the dominant colours as HEX, RGB and HSL, ready to paste into CSS, Figma or a brand document.

It also reports the contrast ratio of each colour against white and black, so you can tell at a glance which ones are safe to put text on.

Runs entirely in your browser. Nothing is uploaded, stored or sent to us.

Loaded Oriental Bank of Commerce Vector Logo for you — back to the Oriental Bank of Commerce Vector Logo page, or pick a different logo below.

Choose a different logo

Or pick one of these:

…or use your own file

Choose a file

SVG, PNG or JPG · drag and drop works too · max 8 MB