Shocking Rose Triadic Color Scheme
Five colors arranged by the triadic rule around Shocking Rose (#FF006A), each snapped to its nearest named color.
#FF006A
#66FF00
#0066FF
#FF69AF
#44AA00
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Shocking Rose | #FF006A | 255, 0, 106 | 335°, 100%, 50% | 0, 100, 58, 0 | |
| Bright Green | #66FF00 | 102, 255, 0 | 96°, 100%, 50% | 60, 0, 100, 0 | |
| Blue Ribbon | #0066FF | 0, 102, 255 | 216°, 100%, 50% | 100, 60, 0, 0 | |
| Yíng Guāng Sè Pink | #FF69AF | 255, 105, 175 | 332°, 100%, 71% | 0, 59, 31, 0 | |
| Early Dew | #44AA00 | 68, 170, 0 | 96°, 100%, 33% | 60, 0, 100, 33 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #66FF00 on #0066FF | 3.65:1 | AA large |
| Aa #FF006A on #66FF00 | 2.91:1 | — |
| Aa #66FF00 on #44AA00 | 2.27:1 | — |
| Aa #66FF00 on #FF69AF | 2.01:1 | — |
| Aa #0066FF on #FF69AF | 1.82:1 | — |
| Aa #0066FF on #44AA00 | 1.61:1 | — |
CSS variables
:root {
--color-1: #ff006a; /* Shocking Rose */
--color-2: #66ff00; /* Bright Green */
--color-3: #0066ff; /* Blue Ribbon */
--color-4: #ff69af; /* Yíng Guāng Sè Pink */
--color-5: #44aa00; /* Early Dew */
}Other schemes from Shocking Rose
- Shocking Rose Complementary Color Scheme#FF006A#FF55A3#00FF99#00AB66#6BFFB3
- Shocking Rose Analogous Color Scheme#9500FF#FF08E8#FF006A#FF1500#FF9500
- Shocking Rose Split-complementary Color Scheme#FF006A#00FF11#00EBFF#B00149#53FE5C
- Shocking Rose Tetradic Color Scheme#FF006A#EEFF00#00FF99#1600FC#FF69AF
- Shocking Rose Monochromatic Color Scheme#640125#B00149#FF006A#FF5599#FF99CC
More Medium Pink triadic palettes
- Akari Red Triadic Color Scheme#C90B42#46CB18#024ACA#F44772#2A8000
- Amor Triadic Color Scheme#EE3377#7FF23E#3D7AFD#FF91AF#55CC11
- Amora Purple Triadic Color Scheme#BB22AA#A4BF20#22AABB#E760D2#717910
- Anger Triadic Color Scheme#DD0055#55DD00#0055DD#F7468A#339900
- Aphroditean Fuchsia Triadic Color Scheme#DD14AB#B0DD16#1DACD6#E760D2#769C18
- Awkward Purple Triadic Color Scheme#D208CC#CDD80D#09CDCD#FF44EE#83890E
- Barbara Triadic Color Scheme#FF0FF3#EEFF11#0FF0FE#FC74FD#B5C306
- Bat’s Blood Soup Triadic Color Scheme#EE3366#68E52F#2B62F4#F091A9#46CB18
- Beet Wave Triadic Color Scheme#D4265D#58D332#214FC6#ED7A9E#44891A
- Beetroot Purple Triadic Color Scheme#D33376#75DE2F#3377CC#E585A5#5F9727
- Benevolent Pink Triadic Color Scheme#DD1188#88DD11#0088DC#EE66BB#5C8B15
- Bermuda Onion Triadic Color Scheme#9D5A8F#8F9B5B#5B8D9F#CA99B7#607038
Questions
What colors go with Shocking Rose?
In a triadic scheme: Bright Green (#66FF00), Blue Ribbon (#0066FF), Yíng Guāng Sè Pink (#FF69AF), Early Dew (#44AA00).
What is the hex code of Shocking Rose?
#FF006A.