Sapphire Siren Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Sapphire Siren (#662288), each snapped to its nearest named color.
#662288
#7E8424
#288F3D
#32174D
#A7C437
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sapphire Siren | #662288 | 102, 34, 136 | 280°, 60%, 33% | 25, 75, 0, 47 | |
| Trendy Green | #7E8424 | 126, 132, 36 | 64°, 57%, 33% | 5, 0, 73, 48 | |
| Green Ribbon | #288F3D | 40, 143, 61 | 132°, 56%, 36% | 72, 0, 57, 44 | |
| Russian Violet | #32174D | 50, 23, 77 | 270°, 54%, 20% | 35, 70, 0, 70 | |
| Pesto di Pistacchio | #A7C437 | 167, 196, 55 | 72°, 56%, 49% | 15, 0, 72, 23 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #32174D on #A7C437 | 7.76:1 | AAA |
| Aa #662288 on #A7C437 | 4.93:1 | AA |
| Aa #7E8424 on #32174D | 3.82:1 | AA large |
| Aa #288F3D on #32174D | 3.73:1 | AA large |
| Aa #662288 on #7E8424 | 2.43:1 | — |
| Aa #662288 on #288F3D | 2.37:1 | — |
CSS variables
:root {
--color-1: #662288; /* Sapphire Siren */
--color-2: #7e8424; /* Trendy Green */
--color-3: #288f3d; /* Green Ribbon */
--color-4: #32174d; /* Russian Violet */
--color-5: #a7c437; /* Pesto di Pistacchio */
}Other schemes from Sapphire Siren
- Sapphire Siren Complementary Color Scheme#662288#9932CC#448822#2F4A15#69D84F
- Sapphire Siren Analogous Color Scheme#26428B#2E2D88#662288#883377#902A40
- Sapphire Siren Triadic Color Scheme#662288#886221#208468#A846D7#4D3113
- Sapphire Siren Tetradic Color Scheme#662288#883322#448822#247E81#A846D7
- Sapphire Siren Monochromatic Color Scheme#180614#32174D#662288#9932CC#B56EDC
More Dark Purple split-complementary palettes
- Acai Split-complementary Color Scheme#48295B#555B2C#2B5D34#17182B#8B8C40
- Blackmail Split-complementary Color Scheme#220066#665500#046307#0B0119#B29700
- Call It a Night Split-complementary Color Scheme#42364C#515131#2E4E36#161820#7F8353
- Child of the Night Split-complementary Color Scheme#220077#7A5901#117700#06012C#C69C04
- Dark Dreams Split-complementary Color Scheme#332266#67592A#346E23#111133#9D892E
- Drifting Violet Split-complementary Color Scheme#5B4276#797447#447744#382B46#AAAA55
- Elegant Purple Gown Split-complementary Color Scheme#552367#526525#226633#2B0F2E#91A135
- Explorer of the Galaxies Split-complementary Color Scheme#3A1F76#706C11#2B7414#1C0F33#AA9933
- Extraviolet Split-complementary Color Scheme#661188#7A8716#118822#3B0346#AACC11
- Fabric of Space Split-complementary Color Scheme#341758#4F531F#115511#0C0C1F#9B9028
- Fading Horizon Split-complementary Color Scheme#442266#636F22#296D23#1C0F33#9B983D
- Fuchsia Nebula Split-complementary Color Scheme#7722AA#8FAE22#2BA727#441166#C5CD40
Questions
What colors go with Sapphire Siren?
In a split-complementary scheme: Trendy Green (#7E8424), Green Ribbon (#288F3D), Russian Violet (#32174D), Pesto di Pistacchio (#A7C437).
What is the hex code of Sapphire Siren?
#662288.