Campanula Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Campanula (#3473B7), each snapped to its nearest named color.
#3473B7
#B63731
#B4BB31
#24547D
#D46362
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Campanula | #3473B7 | 52, 115, 183 | 211°, 56%, 46% | 72, 37, 0, 28 | |
| Red Obsession | #B63731 | 182, 55, 49 | 3°, 58%, 45% | 0, 70, 73, 29 | |
| Golden Passionfruit | #B4BB31 | 180, 187, 49 | 63°, 58%, 46% | 4, 0, 74, 27 | |
| Blueberry Twist | #24547D | 36, 84, 125 | 208°, 55%, 32% | 71, 33, 0, 51 | |
| Happy Hearts | #D46362 | 212, 99, 98 | 1°, 57%, 61% | 0, 53, 54, 17 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B4BB31 on #24547D | 3.82:1 | AA large |
| Aa #B63731 on #B4BB31 | 2.82:1 | — |
| Aa #3473B7 on #B4BB31 | 2.36:1 | — |
| Aa #24547D on #D46362 | 2.18:1 | — |
| Aa #B4BB31 on #D46362 | 1.75:1 | — |
| Aa #3473B7 on #24547D | 1.62:1 | — |
CSS variables
:root {
--color-1: #3473b7; /* Campanula */
--color-2: #b63731; /* Red Obsession */
--color-3: #b4bb31; /* Golden Passionfruit */
--color-4: #24547d; /* Blueberry Twist */
--color-5: #d46362; /* Happy Hearts */
}Other schemes from Campanula
- Campanula Complementary Color Scheme#3473B7#71A2D4#BB7733#775020#DDAA77
- Campanula Analogous Color Scheme#37B575#34B1B2#3473B7#2F36BA#7733AA
- Campanula Triadic Color Scheme#3473B7#BB3377#77B033#7DABD8#7E2553
- Campanula Tetradic Color Scheme#3473B7#BB33AA#BB7733#34B334#7DABD8
- Campanula Monochromatic Color Scheme#112244#24547D#3473B7#619AD6#A7C2EB
More Medium Blue split-complementary palettes
- Admiral Blue Split-complementary Color Scheme#50647F#814D50#7F8353#2F3F53#A97673
- Aster Split-complementary Color Scheme#867BA9#AF9C76#88AA77#5C5083#C7C0A7
- Azure Split-complementary Color Scheme#007FFF#FF0000#FEFF00#095BAF#FF474C
- Bay View Split-complementary Color Scheme#6A819E#A26766#9CA664#475877#BA9B97
- Beach View Split-complementary Color Scheme#4F7694#954C52#948F54#324C61#B7757C
- Bellflower Split-complementary Color Scheme#5D66AA#AD785C#88A95B#4B4775#C3A491
- Blasphemous Blue Split-complementary Color Scheme#3356AA#A94E37#8DA936#243F6C#CE7259
- Blue Split-complementary Color Scheme#0000FF#FF7F00#88FF00#0000BB#FFA64F
- Blue Burst Split-complementary Color Scheme#309CD0#D02B48#CEB736#256D8D#DC6C84
- Blue Overdose Split-complementary Color Scheme#0020EF#EE5500#8EFA00#0018A8#FA873D
- Blue Ribbon Split-complementary Color Scheme#0066FF#FF1500#E3FF00#0048BA#FC5A50
- Blue Triumph Split-complementary Color Scheme#4376AB#AB4343#A5A943#284C75#C97376
Questions
What colors go with Campanula?
In a split-complementary scheme: Red Obsession (#B63731), Golden Passionfruit (#B4BB31), Blueberry Twist (#24547D), Happy Hearts (#D46362).
What is the hex code of Campanula?
#3473B7.