Hot Magenta Tetradic Color Scheme
Five colors arranged by the tetradic rule around Hot Magenta (#FF00CC), each snapped to its nearest named color.
#FF00CC
#FFB300
#00FF33
#0050FF
#FF63E9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hot Magenta | #FF00CC | 255, 0, 204 | 312°, 100%, 50% | 0, 100, 20, 0 | |
| UCLA Gold | #FFB300 | 255, 179, 0 | 42°, 100%, 50% | 0, 30, 100, 0 | |
| Lucent Lime | #00FF33 | 0, 255, 51 | 132°, 100%, 50% | 100, 0, 80, 0 | |
| Coast | #0050FF | 0, 80, 255 | 221°, 100%, 50% | 100, 69, 0, 0 | |
| Candy Pink | #FF63E9 | 255, 99, 233 | 308°, 100%, 69% | 0, 61, 9, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #00FF33 on #0050FF | 4.27:1 | AA large |
| Aa #FFB300 on #0050FF | 3.26:1 | AA large |
| Aa #FF00CC on #00FF33 | 2.51:1 | — |
| Aa #0050FF on #FF63E9 | 2.29:1 | — |
| Aa #FF00CC on #FFB300 | 1.91:1 | — |
| Aa #00FF33 on #FF63E9 | 1.87:1 | — |
CSS variables
:root {
--color-1: #ff00cc; /* Hot Magenta */
--color-2: #ffb300; /* UCLA Gold */
--color-3: #00ff33; /* Lucent Lime */
--color-4: #0050ff; /* Coast */
--color-5: #ff63e9; /* Candy Pink */
}Other schemes from Hot Magenta
- Hot Magenta Complementary Color Scheme#FF00CC#FE4EDA#00FF33#00BB22#64E986
- Hot Magenta Analogous Color Scheme#3F00FF#B300FF#FF00CC#FF004D#FF3300
- Hot Magenta Triadic Color Scheme#FF00CC#CCFF00#00CCFF#FF63E9#92B300
- Hot Magenta Split-complementary Color Scheme#FF00CC#4AFF00#00FBB0#BB0088#9CEF43
- Hot Magenta Monochromatic Color Scheme#720058#BB0088#FF00CC#FE4EDA#FF99EE
More Medium Pink tetradic palettes
- Akari Red Tetradic Color Scheme#C90B42#A7C408#00CC99#360CCC#F44772
- Amor Tetradic Color Scheme#EE3377#D5F534#2EE8BB#4433EE#FF91AF
- Amora Purple Tetradic Color Scheme#BB22AA#B47B27#22BB33#2A52BE#E760D2
- Anger Tetradic Color Scheme#DD0055#CCDD00#00CC99#1805DB#F7468A
- Aphroditean Fuchsia Tetradic Color Scheme#DD14AB#DDAA11#0BDB43#0343DF#E760D2
- Awkward Purple Tetradic Color Scheme#D208CC#C87606#00CC11#0066CC#FF44EE
- Barbara Tetradic Color Scheme#FF0FF3#FF9613#0AFA1E#1177FF#FC74FD
- Bat’s Blood Soup Tetradic Color Scheme#EE3366#CFE838#2EE8BB#5F34E7#F091A9
- Beet Wave Tetradic Color Scheme#D4265D#BBCC22#24DA91#5729CE#ED7A9E
- Beetroot Purple Tetradic Color Scheme#D33376#C2D62E#2DD78D#5533CC#E585A5
- Benevolent Pink Tetradic Color Scheme#DD1188#DDCC11#11DD66#0022DD#EE66BB
- Bermuda Onion Tetradic Color Scheme#9D5A8F#9F8D57#599F68#5A6E9C#CA99B7
Questions
What colors go with Hot Magenta?
In a tetradic scheme: UCLA Gold (#FFB300), Lucent Lime (#00FF33), Coast (#0050FF), Candy Pink (#FF63E9).
What is the hex code of Hot Magenta?
#FF00CC.