South Africa Flag Colours

South Africa Flag Flag has three primary Colours. These are Black, Spanish Yellow, Philippine Green, White, CG Red and Imperial Blue.

South Africa Flag Colours information are also available in HTML HEX, RGB, HSL, CMYK, HWB and NCOL codes. These values are very handy when it comes to your digital work, drawing, and printing.

Here are the Colour value estimates for South Africa Flag:


Rgb rgb(0, 0, 0)
Hex #000000
Hsl hsl(0, 0%, 0%)
Hwb hwb(0, 0%, 100%)
Cmyk cmyk(0%, 0%, 0%, 100%)
Ncol R0, 0%, 100%

Spanish Yellow

Rgb rgb(255, 182, 18)
Hex #ffb612
Hsl hsl(42, 100%, 54%)
Hwb hwb(42, 7%, 0%)
Cmyk cmyk(0%, 29%, 93%, 0%)
Ncol R69, 7%, 0%

Philippine Green

Rgb rgb(0, 122, 77)
Hex #007a4d
Hsl hsl(158, 100%, 24%)
Hwb hwb(158, 0%, 52%)
Cmyk cmyk(100%, 0%, 37%, 52%)
Ncol G63, 0%, 52%


Rgb rgb(255, 255, 255)
Hex #ffffff
Hsl hsl(0, 0%, 100%)
Hwb hwb(0, 100%, 0%)
Cmyk cmyk(0%, 0%, 0%, 0%)
Ncol R0, 100%, 0%

CG Red

Rgb rgb(222, 56, 49)
Hex #de3831
Hsl hsl(2, 72%, 53%)
Hwb hwb(2, 19%, 13%)
Cmyk cmyk(0%, 75%, 78%, 13%)
Ncol R4, 19%, 13%

Imperial Blue

Rgb rgb(0, 35, 149)
Hex #002395
Hsl hsl(226, 100%, 29%)
Hwb hwb(226, 0%, 42%)
Cmyk cmyk(100%, 77%, 0%, 42%)
Ncol C77, 0%, 42%

Here’s the flag below for your reference:

South_Africa Flag Colours
Colour Code Description of Colour Codes available for Flag of South Africa
RGBThe Colour value of RGB is specified with: rgb(red, green, blue). These Colour values are supported in all web browsers. Each parameter of red, green and blue has a range between 0 and 255. This value defines the intensity of the Colour.
HEXHexadecimal Colours for HTML pages are supported in all browsers. These are specified in the following format: #RRGGBB. RR (red), GG (green) and BB (blue) are hexadecimal integers (00 to FF range) that specify the intensity of the Colour.
HSLHSL stands for Hue, Saturation, and Lightness. HSL Colour values are currently supported in IE (9+), Firefox, Chrome, Safari, and Opera (10+). The Colour values are specified with: hsl(hue, saturation, lightness).
Hue Value: Degree on the Colour wheel from 0 to 360. 0 – red, 120 – green, 240 – blue.
Saturation Value: It is a percentage (0-100 range); 0% – shade of gray, 100% – full Colour.
LightnessValue It is a percentage (0-100 range); 0% – black, 100% – white.
HWBHWB stands for Hue, Whiteness, and Blackness. It is currently a suggested standard for CSS4. Please note that HWB is not yet supported in HTML and is suggested as a standard for CSS4.
CMYKCMYK Colour value is a combination of Cyan, Magenta, Yellow, and Black. CMYK values are useful when it comes to printing as printers often presents Colours using CMYK. Please note that CMYK is not yet supported in HTML and is suggested as a standard for CSS4.
NCOLNCOL stands for Natural Colours. It is an initiative from W3Schools and is based on what Colours look like to the human eye. This makes it easier to describe Colours and also easier to select HTML Colours. NCol Colour values are specified as a percent of distance from the Colour. Please note that Ncol is not supported in HTML and is very close to the HWB Colour system suggested as part of CSS4.

1 Response

  1. 25 May 2020

    […] Colours to Use: For detailed list of colours to use, please refer to the following page: South Africa Flag Colours […]

Leave a Reply

Your email address will not be published. Required fields are marked *