Barbara Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Barbara (#FF0FF3), each snapped to its nearest named color.
#FF0FF3
#7FFF00
#00FA92
#CC11BB
#AAFF55
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Barbara | #FF0FF3 | 255, 15, 243 | 303°, 100%, 53% | 0, 94, 5, 0 | |
| Radium | #7FFF00 | 127, 255, 0 | 90°, 100%, 50% | 50, 0, 100, 0 | |
| Ahaetulla Prasina | #00FA92 | 0, 250, 146 | 155°, 100%, 49% | 100, 0, 42, 2 | |
| Explosive Purple | #CC11BB | 204, 17, 187 | 305°, 85%, 43% | 0, 92, 8, 20 | |
| Irradiated Green | #AAFF55 | 170, 255, 85 | 90°, 100%, 67% | 33, 0, 67, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CC11BB on #AAFF55 | 3.93:1 | AA large |
| Aa #7FFF00 on #CC11BB | 3.71:1 | AA large |
| Aa #00FA92 on #CC11BB | 3.46:1 | AA large |
| Aa #FF0FF3 on #AAFF55 | 2.59:1 | — |
| Aa #FF0FF3 on #7FFF00 | 2.45:1 | — |
| Aa #FF0FF3 on #00FA92 | 2.28:1 | — |
CSS variables
:root {
--color-1: #ff0ff3; /* Barbara */
--color-2: #7fff00; /* Radium */
--color-3: #00fa92; /* Ahaetulla Prasina */
--color-4: #cc11bb; /* Explosive Purple */
--color-5: #aaff55; /* Irradiated Green */
}Other schemes from Barbara
- Barbara Complementary Color Scheme#FF0FF3#FF6FFC#0AFA1E#00C000#76FF7B
- Barbara Analogous Color Scheme#0C06F7#8811FF#FF0FF3#FF1177#FE1C06
- Barbara Triadic Color Scheme#FF0FF3#EEFF11#0FF0FE#FC74FD#B5C306
- Barbara Tetradic Color Scheme#FF0FF3#FF9613#0AFA1E#1177FF#FC74FD
- Barbara Monochromatic Color Scheme#730061#CC11BB#FF0FF3#FA5FF7#FFAAFF
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
- 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
- Berries Galore Split-complementary Color Scheme#AB7CB4#A2B37A#7CB68E#8B4F90#C6CFAD
Questions
What colors go with Barbara?
In a split-complementary scheme: Radium (#7FFF00), Ahaetulla Prasina (#00FA92), Explosive Purple (#CC11BB), Irradiated Green (#AAFF55).
What is the hex code of Barbara?
#FF0FF3.