Blue Bobbin Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Blue Bobbin (#52B4CA), each snapped to its nearest named color.
#52B4CA
#C85179
#C5A253
#30949D
#DC89A8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Blue Bobbin | #52B4CA | 82, 180, 202 | 191°, 53%, 56% | 59, 11, 0, 21 | |
| Middle Safflower | #C85179 | 200, 81, 121 | 340°, 52%, 55% | 0, 60, 40, 22 | |
| Sauterne | #C5A253 | 197, 162, 83 | 42°, 50%, 55% | 0, 18, 58, 23 | |
| Aqua Lake | #30949D | 48, 148, 157 | 185°, 53%, 40% | 69, 6, 0, 38 | |
| Vivacious Pink | #DC89A8 | 220, 137, 168 | 338°, 54%, 70% | 0, 38, 24, 14 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #52B4CA on #C85179 | 1.78:1 | — |
| Aa #C85179 on #C5A253 | 1.77:1 | — |
| Aa #C85179 on #DC89A8 | 1.67:1 | — |
| Aa #52B4CA on #30949D | 1.49:1 | — |
| Aa #C5A253 on #30949D | 1.48:1 | — |
| Aa #30949D on #DC89A8 | 1.40:1 | — |
CSS variables
:root {
--color-1: #52b4ca; /* Blue Bobbin */
--color-2: #c85179; /* Middle Safflower */
--color-3: #c5a253; /* Sauterne */
--color-4: #30949d; /* Aqua Lake */
--color-5: #dc89a8; /* Vivacious Pink */
}Other schemes from Blue Bobbin
- Blue Bobbin Complementary Color Scheme#52B4CA#9CD4E1#CB6D51#9D4531#E3A9A2
- Blue Bobbin Analogous Color Scheme#54C571#59C8A5#52B4CA#507BCE#654BC9
- Blue Bobbin Triadic Color Scheme#52B4CA#C94CBE#BBCC55#A1D8E0#952E8F
- Blue Bobbin Tetradic Color Scheme#52B4CA#A259CE#CB6D51#79C753#A1D8E0
- Blue Bobbin Monochromatic Color Scheme#18576C#30949D#52B4CA#8FCBDC#C5E8EE
More Medium Teal split-complementary palettes
- Aggressive Aqua Split-complementary Color Scheme#00FBFF#FF007E#FF8400#01B1AF#FE54A3
- Ambrosial Oceanside Split-complementary Color Scheme#47AE9C#AA4488#AF6649#31796D#C677A8
- Aphrodite Aqua Split-complementary Color Scheme#45E9C1#F246A7#EC7042#00CC99#F092D6
- Aqua Split-complementary Color Scheme#0FF0FE#FF1177#FF9613#06B1C4#FF55A3
- Aquamarine Split-complementary Color Scheme#2EE8BB#E936A7#E95E2A#1DB394#FF6EC7
- Aquarius Split-complementary Color Scheme#2DB0CE#CC3366#CD9C2B#1B7D8D#DA6D91
- Arctic Split-complementary Color Scheme#648589#915870#937B56#3A6364#B48395
- Arctic Water Split-complementary Color Scheme#00FCFC#FF007E#FF7E00#01B1AF#FE46A5
- Atlas Cedar Split-complementary Color Scheme#5CA0A7#AD5B78#AA895D#417074#C28BA1
- Blue Bikini Split-complementary Color Scheme#00BBEE#EE0044#EEAA00#007FA2#FF3F6A
- Blue Martini Split-complementary Color Scheme#52B4D3#CF5570#CFB352#338DAE#E78EA5
- Blue Moon Split-complementary Color Scheme#3992A8#A53756#AB863A#22606E#C66787
Questions
What colors go with Blue Bobbin?
In a split-complementary scheme: Middle Safflower (#C85179), Sauterne (#C5A253), Aqua Lake (#30949D), Vivacious Pink (#DC89A8).
What is the hex code of Blue Bobbin?
#52B4CA.