Sapphire Siren Complementary Color Scheme
Five colors arranged by the complementary rule around Sapphire Siren (#662288), each snapped to its nearest named color.
#662288
#9932CC
#448822
#2F4A15
#69D84F
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sapphire Siren | #662288 | 102, 34, 136 | 280°, 60%, 33% | 25, 75, 0, 47 | |
| Purple Vanity | #9932CC | 153, 50, 204 | 280°, 61%, 50% | 25, 75, 0, 20 | |
| Fruitless Fig Tree | #448822 | 68, 136, 34 | 100°, 60%, 33% | 50, 0, 75, 47 | |
| Treetop Cathedral | #2F4A15 | 47, 74, 21 | 91°, 56%, 19% | 36, 0, 72, 71 | |
| Fresh Green | #69D84F | 105, 216, 79 | 109°, 64%, 58% | 51, 0, 63, 15 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #2F4A15 on #69D84F | 5.46:1 | AA |
| Aa #662288 on #69D84F | 5.37:1 | AA |
| Aa #9932CC on #69D84F | 3.13:1 | AA large |
| Aa #448822 on #69D84F | 2.41:1 | — |
| Aa #448822 on #2F4A15 | 2.27:1 | — |
| Aa #662288 on #448822 | 2.23:1 | — |
CSS variables
:root {
--color-1: #662288; /* Sapphire Siren */
--color-2: #9932cc; /* Purple Vanity */
--color-3: #448822; /* Fruitless Fig Tree */
--color-4: #2f4a15; /* Treetop Cathedral */
--color-5: #69d84f; /* Fresh Green */
}Other schemes from Sapphire Siren
- Sapphire Siren Analogous Color Scheme#26428B#2E2D88#662288#883377#902A40
- Sapphire Siren Triadic Color Scheme#662288#886221#208468#A846D7#4D3113
- Sapphire Siren Split-complementary Color Scheme#662288#7E8424#288F3D#32174D#A7C437
- Sapphire Siren Tetradic Color Scheme#662288#883322#448822#247E81#A846D7
- Sapphire Siren Monochromatic Color Scheme#180614#32174D#662288#9932CC#B56EDC
More Dark Purple complementary palettes
- Acai Complementary Color Scheme#48295B#734F96#2D5E22#172713#66A545
- Blackmail Complementary Color Scheme#220066#510AC9#4D6D08#0F180A#88CC00
- Call It a Night Complementary Color Scheme#42364C#75528B#445533#172713#769358
- Child of the Night Complementary Color Scheme#220077#3300CC#447700#172808#99DD00
- Dark Dreams Complementary Color Scheme#332266#5930A9#526525#223311#93B13D
- Drifting Violet Complementary Color Scheme#5B4276#8A6FA9#5B7349#37412A#90AC74
- Elegant Purple Gown Complementary Color Scheme#552367#8833AA#346E23#112A12#51B73B
- Explorer of the Galaxies Complementary Color Scheme#3A1F76#5533BB#536B1F#333311#9ACD32
- Extraviolet Complementary Color Scheme#661188#AD03DE#328E13#154406#4BEC13
- Fabric of Space Complementary Color Scheme#341758#5930A9#35530A#0F180A#71AA34
- Fading Horizon Complementary Color Scheme#442266#7737AA#526525#172713#70B23F
- Fuchsia Nebula Complementary Color Scheme#7722AA#A846D7#5CAC2D#3D7016#88DD55
Questions
What colors go with Sapphire Siren?
In a complementary scheme: Purple Vanity (#9932CC), Fruitless Fig Tree (#448822), Treetop Cathedral (#2F4A15), Fresh Green (#69D84F).
What is the hex code of Sapphire Siren?
#662288.