Violet Heaven Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Violet Heaven (#CDB7FA), each snapped to its nearest named color.
#CDB7FA
#FBEDB8
#C7FDB5
#9878F8
#FFF9E7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Violet Heaven | #CDB7FA | 205, 183, 250 | 260°, 87%, 85% | 18, 27, 0, 2 | |
| Tinker Light | #FBEDB8 | 251, 237, 184 | 47°, 89%, 85% | 0, 6, 27, 2 | |
| Distilled Venom | #C7FDB5 | 199, 253, 181 | 105°, 95%, 85% | 21, 0, 28, 1 | |
| Forgotten Purple | #9878F8 | 152, 120, 248 | 255°, 90%, 72% | 39, 52, 0, 3 | |
| Down Feathers | #FFF9E7 | 255, 249, 231 | 45°, 100%, 95% | 0, 2, 9, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9878F8 on #FFF9E7 | 3.13:1 | AA large |
| Aa #C7FDB5 on #9878F8 | 2.85:1 | — |
| Aa #FBEDB8 on #9878F8 | 2.81:1 | — |
| Aa #CDB7FA on #9878F8 | 1.84:1 | — |
| Aa #CDB7FA on #FFF9E7 | 1.70:1 | — |
| Aa #CDB7FA on #C7FDB5 | 1.54:1 | — |
CSS variables
:root {
--color-1: #cdb7fa; /* Violet Heaven */
--color-2: #fbedb8; /* Tinker Light */
--color-3: #c7fdb5; /* Distilled Venom */
--color-4: #9878f8; /* Forgotten Purple */
--color-5: #fff9e7; /* Down Feathers */
}Other schemes from Violet Heaven
- Violet Heaven Complementary Color Scheme#CDB7FA#EEE9F9#ECFCBD#C2F177#F6FFE8
- Violet Heaven Analogous Color Scheme#B8E4F5#BFC0EE#CDB7FA#EEBBFF#FABFE4
- Violet Heaven Triadic Color Scheme#CDB7FA#F9CCB7#BEF7CF#EEE9F9#F79D72
- Violet Heaven Tetradic Color Scheme#CDB7FA#F8B4C4#ECFCBD#BBFFEE#EEE9F9
- Violet Heaven Monochromatic Color Scheme#6A2DED#9878F8#CDB7FA#EEE9F9#EEE9F9
More Very Light Purple split-complementary palettes
- Beefy Pink Split-complementary Color Scheme#DEBEEF#E9EDBD#B8EBC5#BF8FE5#F8FBEB
- Digital Lavender Split-complementary Color Scheme#CAC0E1#E2DAC2#C5E1C3#9E91C3#F7F5ED
- Diva Split-complementary Color Scheme#C9A0FF#FFF4A1#AAFFAA#9955FF#FFFEE5
- Dust of the Moon Split-complementary Color Scheme#CFC9DF#DFD8C8#CFDDC7#A598C4#F6F4EF
- Foggy Love Split-complementary Color Scheme#D5C7E8#EBE6C7#CBE9C9#AA8ED6#F9F7EC
- Girl Crush Split-complementary Color Scheme#D1C0DC#DADCC1#C0DBC6#A893C1#F6F6F0
- Greek Goddess Split-complementary Color Scheme#EDE9EF#F0F1E7#E7F2E9#CCB8D2#F4F4F0
- Holographic Lavender Split-complementary Color Scheme#F0E5F5#F0F4E5#E6F3E7#D6B7E2#F6F7ED
- Homoeopathic Lavender Split-complementary Color Scheme#E5E0EC#EDEBE1#E3EDE0#BDB0D0#F6F4EF
- Iron Maiden Split-complementary Color Scheme#D6D1DC#E3E1CC#CCE2CA#A99EC1#F6F4EF
- Lavender Bliss Split-complementary Color Scheme#CEC3DD#DEDBC4#C5DCC6#A893C1#F6F4EF
- Lilac Split-complementary Color Scheme#CEA2FD#FCFFA4#AAFFAA#AA55FF#FEFEE7
Questions
What colors go with Violet Heaven?
In a split-complementary scheme: Tinker Light (#FBEDB8), Distilled Venom (#C7FDB5), Forgotten Purple (#9878F8), Down Feathers (#FFF9E7).
What is the hex code of Violet Heaven?
#CDB7FA.