Meteor Shower Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Meteor Shower (#5533FF), each snapped to its nearest named color.
#5533FF
#FFBB33
#7FF23E
#3311EE
#FFD781
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Meteor Shower | #5533FF | 85, 51, 255 | 250°, 100%, 60% | 67, 80, 0, 0 | |
| Buddha’s Love Handles | #FFBB33 | 255, 187, 51 | 40°, 100%, 60% | 0, 27, 80, 0 | |
| Lush Greenery | #7FF23E | 127, 242, 62 | 98°, 87%, 60% | 48, 0, 74, 5 | |
| Delft Blue | #3311EE | 51, 17, 238 | 249°, 87%, 50% | 79, 93, 0, 7 | |
| Zinnia Gold | #FFD781 | 255, 215, 129 | 41°, 100%, 75% | 0, 16, 49, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #3311EE on #FFD781 | 6.23:1 | AA |
| Aa #7FF23E on #3311EE | 5.98:1 | AA |
| Aa #FFBB33 on #3311EE | 5.05:1 | AA |
| Aa #5533FF on #FFD781 | 4.63:1 | AA |
| Aa #5533FF on #7FF23E | 4.44:1 | AA large |
| Aa #5533FF on #FFBB33 | 3.76:1 | AA large |
CSS variables
:root {
--color-1: #5533ff; /* Meteor Shower */
--color-2: #ffbb33; /* Buddha’s Love Handles */
--color-3: #7ff23e; /* Lush Greenery */
--color-4: #3311ee; /* Delft Blue */
--color-5: #ffd781; /* Zinnia Gold */
}Other schemes from Meteor Shower
- Meteor Shower Complementary Color Scheme#5533FF#BB88FF#D5F534#B8E100#EEFF99
- Meteor Shower Analogous Color Scheme#22DDFF#2C75FF#5533FF#BF3CFF#FF33CC
- Meteor Shower Triadic Color Scheme#5533FF#FF5630#2DFE54#BB88FF#EE2200
- Meteor Shower Tetradic Color Scheme#5533FF#EE3377#D5F534#2AFEB7#BB88FF
- Meteor Shower Monochromatic Color Scheme#120A8F#3311EE#5533FF#8E82FE#CCCCFF
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 Meteor Shower?
In a split-complementary scheme: Buddha’s Love Handles (#FFBB33), Lush Greenery (#7FF23E), Delft Blue (#3311EE), Zinnia Gold (#FFD781).
What is the hex code of Meteor Shower?
#5533FF.