Razzle Dazzle Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Razzle Dazzle (#BA417B), each snapped to its nearest named color.
#BA417B
#41A94F
#43BCBE
#882D50
#6CCC7B
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Razzle Dazzle | #BA417B | 186, 65, 123 | 331°, 48%, 49% | 0, 65, 34, 27 | |
| Leapfrog | #41A94F | 65, 169, 79 | 128°, 44%, 46% | 62, 0, 53, 34 | |
| Lagoon Rock | #43BCBE | 67, 188, 190 | 181°, 49%, 50% | 65, 1, 0, 25 | |
| Raspberry Radiance | #882D50 | 136, 45, 80 | 337°, 50%, 35% | 0, 67, 41, 47 | |
| Snow Pea | #6CCC7B | 108, 204, 123 | 129°, 48%, 61% | 47, 0, 40, 20 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #882D50 on #6CCC7B | 4.16:1 | AA large |
| Aa #43BCBE on #882D50 | 3.62:1 | AA large |
| Aa #41A94F on #882D50 | 2.76:1 | — |
| Aa #BA417B on #6CCC7B | 2.56:1 | — |
| Aa #BA417B on #43BCBE | 2.22:1 | — |
| Aa #BA417B on #41A94F | 1.70:1 | — |
CSS variables
:root {
--color-1: #ba417b; /* Razzle Dazzle */
--color-2: #41a94f; /* Leapfrog */
--color-3: #43bcbe; /* Lagoon Rock */
--color-4: #882d50; /* Raspberry Radiance */
--color-5: #6ccc7b; /* Snow Pea */
}Other schemes from Razzle Dazzle
- Razzle Dazzle Complementary Color Scheme#BA417B#DB88AC#47BA87#298256#89D1B5
- Razzle Dazzle Analogous Color Scheme#8547B5#BB44BB#BA417B#BB4444#BB8141
- Razzle Dazzle Triadic Color Scheme#BA417B#77B244#477BBD#D78BAD#4F8129
- Razzle Dazzle Tetradic Color Scheme#BA417B#AFBB42#47BA87#4A40AD#D78BAD
- Razzle Dazzle Monochromatic Color Scheme#43182F#882D50#BA417B#CC76A3#E4B3CC
More Medium Pink split-complementary palettes
- Akari Red Split-complementary Color Scheme#C90B42#00CC33#14A3C7#800030#2DFE54
- Amor Split-complementary Color Scheme#EE3377#2DFE54#22DDEE#C30B4E#7BE892
- Amora Purple Split-complementary Color Scheme#BB22AA#55BB33#2BB179#751973#88DD55
- Anger Split-complementary Color Scheme#DD0055#0ADD08#00C5CD#8F003A#2DFE54
- Aphroditean Fuchsia Split-complementary Color Scheme#DD14AB#54D905#11DDAA#991177#70F15E
- Awkward Purple Split-complementary Color Scheme#D208CC#66CC00#06D078#880085#87FF2A
- Barbara Split-complementary Color Scheme#FF0FF3#7FFF00#00FA92#CC11BB#AAFF55
- Bat’s Blood Soup Split-complementary Color Scheme#EE3366#2DFE54#37C4FA#C01141#7BE892
- Beet Wave Split-complementary Color Scheme#D4265D#31D652#2DB0CE#871646#64EB65
- Beetroot Purple Split-complementary Color Scheme#D33376#31D652#22C1D5#972B51#64EB65
- Benevolent Pink Split-complementary Color Scheme#DD1188#22DD00#00DDCC#9D0759#4EFD54
- Bermuda Onion Split-complementary Color Scheme#9D5A8F#6A9D5D#599C89#673B66#99BB88
Questions
What colors go with Razzle Dazzle?
In a split-complementary scheme: Leapfrog (#41A94F), Lagoon Rock (#43BCBE), Raspberry Radiance (#882D50), Snow Pea (#6CCC7B).
What is the hex code of Razzle Dazzle?
#BA417B.