Violet Vision Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Violet Vision (#B7BDD1), each snapped to its nearest named color.
#B7BDD1
#D1BEB4
#CFD2B5
#818DB3
#EFE9E6
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Violet Vision | #B7BDD1 | 183, 189, 209 | 226°, 22%, 77% | 12, 10, 0, 18 | |
| Summer Bloom | #D1BEB4 | 209, 190, 180 | 21°, 24%, 76% | 0, 9, 14, 18 | |
| Pickling Spice | #CFD2B5 | 207, 210, 181 | 66°, 24%, 77% | 1, 0, 14, 18 | |
| Skysail Blue | #818DB3 | 129, 141, 179 | 226°, 25%, 60% | 28, 21, 0, 30 | |
| Holy Ghost | #EFE9E6 | 239, 233, 230 | 20°, 22%, 92% | 0, 3, 4, 6 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #818DB3 on #EFE9E6 | 2.73:1 | — |
| Aa #CFD2B5 on #818DB3 | 2.12:1 | — |
| Aa #D1BEB4 on #818DB3 | 1.84:1 | — |
| Aa #B7BDD1 on #818DB3 | 1.75:1 | — |
| Aa #B7BDD1 on #EFE9E6 | 1.56:1 | — |
| Aa #D1BEB4 on #EFE9E6 | 1.49:1 | — |
CSS variables
:root {
--color-1: #b7bdd1; /* Violet Vision */
--color-2: #d1beb4; /* Summer Bloom */
--color-3: #cfd2b5; /* Pickling Spice */
--color-4: #818db3; /* Skysail Blue */
--color-5: #efe9e6; /* Holy Ghost */
}Other schemes from Violet Vision
- Violet Vision Complementary Color Scheme#B7BDD1#EEF2F3#D2CCB4#B4AC84#F6F4EF
- Violet Vision Analogous Color Scheme#B4D6CB#B4CBD4#B7BDD1#BFB3D1#CAB4D4
- Violet Vision Triadic Color Scheme#B7BDD1#D3B6BA#BAD1B5#EEF2F3#B68692
- Violet Vision Tetradic Color Scheme#B7BDD1#D1B5CA#D2CCB4#B4D5BD#EEF2F3
- Violet Vision Monochromatic Color Scheme#5C6B8F#8E90B4#B7BDD1#E9E9F0#EEF2F3
More Light Blue split-complementary palettes
- Acapulco Dive Split-complementary Color Scheme#65A7DD#D76968#DCD867#2987C7#EBA0A7
- Adrift on the Nile Split-complementary Color Scheme#93B8E3#E29991#E5E896#518FD1#F5D1CF
- Airborne Split-complementary Color Scheme#A2C2D0#CFA2AD#D0C6A1#70A5B7#ECD5D9
- Arcane Brew Split-complementary Color Scheme#5260E1#E68750#A7E142#243BCD#E8B793
- Arctic Ice Split-complementary Color Scheme#B6BDD0#D2BBB2#CCD1B2#818DB3#F0E5E5
- Azureno Split-complementary Color Scheme#8FA0D5#D5A193#C3DB8D#5D76CB#EBCFC7
- Below Zero Split-complementary Color Scheme#87CDED#F08497#EAD988#4CA8E0#F8CAD5
- Birdie Num Num Split-complementary Color Scheme#89ACDA#DA8C87#D8DB8B#5383C3#EEC6C3
- Blank Stare Split-complementary Color Scheme#8B9CAC#B38380#B4B780#597695#CEB0B5
- Blue Bay Split-complementary Color Scheme#619AD6#D46362#D6D963#3473B7#E39E9C
- Blue Haze Split-complementary Color Scheme#BDBACE#D2C7B7#C1D0B2#9188B5#EFEDE6
- Blue Jay Split-complementary Color Scheme#5588DD#DD6655#D0D557#2266BB#E29D94
Questions
What colors go with Violet Vision?
In a split-complementary scheme: Summer Bloom (#D1BEB4), Pickling Spice (#CFD2B5), Skysail Blue (#818DB3), Holy Ghost (#EFE9E6).
What is the hex code of Violet Vision?
#B7BDD1.