Myndex Hue Contrast Chart


Y
BD
B4
AF
AD
98
6F
4B
62
6C
72
79
94

Relative Luminance of this Color Set as Grey Patches

VB
Green
GB
Cyan
Blue
Purple
Magenta
RB
P
Blue
Violet
Magenta
RB
Mg
Violet
Purple
RB
Red
Orange
BR
Yellow
Violet
Purple
Magenta
Red
Orange
R
Yellow
Purple
Magenta
RB
Orange
O
Yellow
YG
Green
GB
Cyan
⦿
Purple
Magenta
RB
Red
Y
YG
Green
GB
Cyan
Blue
Magenta
RB
Red
Orange
YG
Yellow
Green
GB
Cyan
Blue
Violet
Orange
G
Yellow
YG
GB
Cyan
Blue
Violet
GB
Yellow
YG
Green
Cyan
Blue
Violet
Cy
Yellow
YG
Green
GB
Blue
Violet
Purple
Orange
B
Yellow
YG
Green
GB
Cyan
Violet
Purple
⦿
0
FFF
EEE
CCC
B0B0B0
9D9D9D
8F8F8F
808080
707070
666
555
444
2A2A2A
000
4
Yellow
YG
Green
GB
Cyan
Blue
808080
Violet
Purple
Magenta
RB
Red
Orange
80
FFF
EEE
CCC
ddd
9D9D9D
A3A3A3
777
555
3c3c3c
292929
1c1c1c
2A2A2A
000
A
Yellow
YG
Green
GB
Cyan
Blue
808080
Violet
Purple
Magenta
RB
Red
Orange
F
FFF
EEE
CCC
B0B0B0
9D9D9D
8F8F8F
808080
707070
666
555
444
2A2A2A
000

Myndex Technologies
Hue Contrast Chart

This color chart presents HUE CONTRASTS from our perception adjusted color wheel.
Color chips are perception adjusted for relative luminance.
Values used for each of the 12 chips are listed below.

Using the Chart

The chart is organized so there is a diagonal of "Highest Contrast Hues" from top left to bottom right. This diagonal of hicon patches is marked by the contrast symbol. There are also two parallel lines of lowest color contrast, marked with the low contrast symbol.


It's important to remember that this color chart is intended to assist in finding colors for aesthetic design purposes. For legibility with text and info graphics, it is important to focus on luminance contrast. Notice the set of grey patches on the top most row - those are the same relative luminance as the color patches immediately below.

Notice that the left-half of the chart is substantially lighter than the right half. The implication is that colors on the left will tend to create better luminance contrasts when paired with a color on the right. It is important to remember that a substantial portion of the population (6% of males) has problems with color vision. They rely on luminance contrast and not color contrast.

The colors are arranged per a typical color wheel, from left to right starting with yellow, or from top to bottom starting with blue/violet (Hex #00F). Thus, horizontal starts at 60° on the left and vertical starts at 240° on the top.

The color codes have been rounded to their three digit hex values (magenta is #B0B), and while most colors are directly centered on their standard hue "angle" (such as purple at 270°), some colors in the green area have been intentionally shifted from their "hue centers" due to perception (see the companion article on perceptual color wheels).

Also, this chart emphasizes the two major color-opponent pairs: Red/Green and Yellow/Blue. Red/Green (and the close hues like Purple/Green) are the most aggressive opponent pairs, as they figure prominently in human edge detection (if you scroll the page up and down quickly, you'll see black lines form between red/green as they move).

Yellow/Blue is also a strong opponent pair, though the edge contrast is a little less, and it is more aesthetically pleasing (IKEA uses Yellow/Blue for their logo and branding).
Values As Used
C4C400
8BC600
00CC00
00C680
00AAAA
0072C2
0000FF
8800FF
C000C0
DB0088
F40000
E67600