Ice Ice Baby Analogous Color Scheme

Five colors arranged by the analogous rule around Ice Ice Baby (#00FFDD), each snapped to its nearest named color.

#22FF00

#00FF55

#00FFDD

#00AAFF

#0022FF

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Green Screen	`#22FF00`	34, 255, 0	112°, 100%, 50%	87, 0, 100, 0	86.8% 0.292 142
Cathode Green	`#00FF55`	0, 255, 85	140°, 100%, 50%	100, 0, 67, 0	87.0% 0.266 146
Ice Ice Baby	`#00FFDD`	0, 255, 221	172°, 100%, 50%	100, 0, 13, 0	89.5% 0.164 178
Protoss Pylon	`#00AAFF`	0, 170, 255	200°, 100%, 50%	100, 33, 0, 0	70.7% 0.168 242
Is It Cold	`#0022FF`	0, 34, 255	232°, 100%, 50%	100, 87, 0, 0	46.8% 0.302 264

Which pairs work for text

Text on background	Contrast	WCAG
Aa #00FFDD on #0022FF	6.12:1	AA
Aa #00FF55 on #0022FF	5.77:1	AA
Aa #22FF00 on #0022FF	5.75:1	AA
Aa #00AAFF on #0022FF	3.07:1	AA large
Aa #00FFDD on #00AAFF	2.00:1	—
Aa #00FF55 on #00AAFF	1.88:1	—

CSS variables

:root {
  --color-1: #22ff00; /* Green Screen */
  --color-2: #00ff55; /* Cathode Green */
  --color-3: #00ffdd; /* Ice Ice Baby */
  --color-4: #00aaff; /* Protoss Pylon */
  --color-5: #0022ff; /* Is It Cold */
}

Other schemes from Ice Ice Baby

More medium teal analogous color schemes

Questions

What colors go with Ice Ice Baby?

In a analogous scheme: Green Screen (#22FF00), Cathode Green (#00FF55), Protoss Pylon (#00AAFF), Is It Cold (#0022FF).

What is the hex code of Ice Ice Baby?

#00FFDD.