One is a subtractive color model (CMYK) — the top image, where the opposite of yellow is purple. This is for real-world, tangible things like paint, ink, etc. The other is a additive color model (RGB) — the bottom image, where the opposite of yellow is blue. This is for light basically, screens, displays, bulbs, etc.