Sailor Moon Triadic Color Scheme
Five colors arranged by the triadic rule around Sailor Moon (#FFEE00), each snapped to its nearest named color.
#FFEE00
#00FFEE
#EE00FF
#FEF263
#01B1AF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Sailor Moon | #FFEE00 | 255, 238, 0 | 56°, 100%, 50% | 0, 7, 100, 0 | 93.3% 0.197 104 | |
| Master Sword Blue | #00FFEE | 0, 255, 238 | 176°, 100%, 50% | 100, 0, 7, 0 | 90.0% 0.158 186 | |
| Brusque Pink | #EE00FF | 238, 0, 255 | 296°, 100%, 50% | 7, 100, 0, 0 | 67.6% 0.317 325 | |
| Kihada Yellow | #FEF263 | 254, 242, 99 | 55°, 99%, 69% | 0, 5, 61, 0 | 94.5% 0.161 105 | |
| Laguna Green | #01B1AF | 1, 177, 175 | 179°, 99%, 35% | 99, 0, 1, 31 | 68.8% 0.118 193 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EE00FF on #FEF263 | 2.98:1 | — |
| Aa #FFEE00 on #EE00FF | 2.88:1 | — |
| Aa #00FFEE on #EE00FF | 2.72:1 | — |
| Aa #FEF263 on #01B1AF | 2.29:1 | — |
| Aa #FFEE00 on #01B1AF | 2.21:1 | — |
| Aa #00FFEE on #01B1AF | 2.09:1 | — |
CSS variables
:root {
--color-1: #ffee00; /* Sailor Moon */
--color-2: #00ffee; /* Master Sword Blue */
--color-3: #ee00ff; /* Brusque Pink */
--color-4: #fef263; /* Kihada Yellow */
--color-5: #01b1af; /* Laguna Green */
}Other schemes from Sailor Moon
- Sailor Moon Complementary Color Scheme#FFEE00#FFF45A#0011FF#0011BB#6666FF
- Sailor Moon Analogous Color Scheme#FF0011#FF6F01#FFEE00#95FF00#11FF00
- Sailor Moon Split-complementary Color Scheme#FFEE00#0096FF#6F00FE#BAA600#46ADF9
- Sailor Moon Tetradic Color Scheme#FFEE00#00FF77#0011FF#FF0090#FEF263
- Sailor Moon Monochromatic Color Scheme#665500#BAA600#FFEE00#FFF44F#FFF49C
More medium yellow triadic color schemes
- A Frond in Need Triadic Color Scheme#9F9978#72A49F#9C6DA5#CECBAE#497F73
- Amazon Queen Triadic Color Scheme#948F54#52928D#8B4F90#BDB98F#3C6461
- Angel’s Trumpet Triadic Color Scheme#F6DD34#3AFDDB#DD33FF#F8EB97#04D8B2
- Antique Triadic Color Scheme#8B846D#5E9B8A#875F9A#C2B99D#446B61
- Backroom Ember Triadic Color Scheme#A19250#53A391#9A4EAE#C3BC90#376D64
- Bamboo Forest Triadic Color Scheme#B1A979#79AFAD#AB7CB4#D7D2B8#538B89
- Banana Bandanna Triadic Color Scheme#F8F739#33FFFF#FF33FF#FCFC9D#11DDDD
- Banana Bombshell Triadic Color Scheme#F7E82E#26F7FD#ED24ED#F6F493#09CDCD
- Banana Brick Triadic Color Scheme#E8D82C#25E2CD#DD33FF#F2E887#0AAFA4
- Banana Flash Triadic Color Scheme#EEFE02#00EEFF#FF08E8#F1FF62#01A7B2
- Banana King Triadic Color Scheme#FFFB08#0FFEF9#FF09FF#FFFE71#00B5B8
- Banana Pepper Triadic Color Scheme#FDD630#32FFDC#DD33FF#FFE696#00DEAD
Questions
What colors go with Sailor Moon?
In a triadic scheme: Master Sword Blue (#00FFEE), Brusque Pink (#EE00FF), Kihada Yellow (#FEF263), Laguna Green (#01B1AF).
What is the hex code of Sailor Moon?
#FFEE00.