Periwinkle Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Periwinkle (#8E82FE), each snapped to its nearest named color.
#8E82FE
#FECD82
#BBEE88
#4433FF
#FFEBCD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Periwinkle | #8E82FE | 142, 130, 254 | 246°, 98%, 75% | 44, 49, 0, 0 | |
| Deviled Eggs | #FECD82 | 254, 205, 130 | 36°, 98%, 75% | 0, 19, 49, 0 | |
| Green Day | #BBEE88 | 187, 238, 136 | 90°, 75%, 73% | 21, 0, 43, 7 | |
| Ultra Indigo | #4433FF | 68, 51, 255 | 245°, 100%, 60% | 73, 80, 0, 0 | |
| Blanched Almond | #FFEBCD | 255, 235, 205 | 36°, 100%, 90% | 0, 8, 20, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #4433FF on #FFEBCD | 5.70:1 | AA |
| Aa #BBEE88 on #4433FF | 4.96:1 | AA |
| Aa #FECD82 on #4433FF | 4.51:1 | AA |
| Aa #8E82FE on #FFEBCD | 2.66:1 | — |
| Aa #8E82FE on #BBEE88 | 2.32:1 | — |
| Aa #8E82FE on #4433FF | 2.14:1 | — |
CSS variables
:root {
--color-1: #8e82fe; /* Periwinkle */
--color-2: #fecd82; /* Deviled Eggs */
--color-3: #bbee88; /* Green Day */
--color-4: #4433ff; /* Ultra Indigo */
--color-5: #ffebcd; /* Blanched Almond */
}Other schemes from Periwinkle
- Periwinkle Complementary Color Scheme#8E82FE#EEDDFF#FCFC81#EEFF33#FEFEE7
- Periwinkle Analogous Color Scheme#8AF1FE#8AB8FE#8E82FE#CA84FC#F984EF
- Periwinkle Triadic Color Scheme#8E82FE#FF8D82#94FF94#E6E6FA#FF4433
- Periwinkle Tetradic Color Scheme#8E82FE#FE85AB#FCFC81#80FFCC#E6E6FA
- Periwinkle Monochromatic Color Scheme#150AEC#4433FF#8E82FE#CCCCFF#E6E6FA
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 Periwinkle?
In a split-complementary scheme: Deviled Eggs (#FECD82), Green Day (#BBEE88), Ultra Indigo (#4433FF), Blanched Almond (#FFEBCD).
What is the hex code of Periwinkle?
#8E82FE.