Blue Bikini Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Blue Bikini (#00BBEE), each snapped to its nearest named color.
#00BBEE
#EE0044
#EEAA00
#007FA2
#FF3F6A
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Blue Bikini | #00BBEE | 0, 187, 238 | 193°, 100%, 47% | 100, 21, 0, 7 | |
| Enraged | #EE0044 | 238, 0, 68 | 343°, 100%, 47% | 0, 100, 71, 7 | |
| Welcoming Wasp | #EEAA00 | 238, 170, 0 | 43°, 100%, 47% | 0, 29, 100, 7 | |
| Kingfisher Sheen | #007FA2 | 0, 127, 162 | 193°, 100%, 32% | 100, 22, 0, 36 | |
| Laser Trap | #FF3F6A | 255, 63, 106 | 347°, 100%, 62% | 0, 75, 58, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EEAA00 on #007FA2 | 2.28:1 | — |
| Aa #EE0044 on #EEAA00 | 2.20:1 | — |
| Aa #00BBEE on #007FA2 | 2.05:1 | — |
| Aa #00BBEE on #EE0044 | 1.98:1 | — |
| Aa #EEAA00 on #FF3F6A | 1.68:1 | — |
| Aa #00BBEE on #FF3F6A | 1.51:1 | — |
CSS variables
:root {
--color-1: #00bbee; /* Blue Bikini */
--color-2: #ee0044; /* Enraged */
--color-3: #eeaa00; /* Welcoming Wasp */
--color-4: #007fa2; /* Kingfisher Sheen */
--color-5: #ff3f6a; /* Laser Trap */
}Other schemes from Blue Bikini
- Blue Bikini Complementary Color Scheme#00BBEE#4CD5FF#EE3300#AA2200#FF7855
- Blue Bikini Analogous Color Scheme#00EE33#0AE9B4#00BBEE#0044EE#3F00FF
- Blue Bikini Triadic Color Scheme#00BBEE#FF00BB#BBEE00#55DDFF#AA0077
- Blue Bikini Tetradic Color Scheme#00BBEE#AA00FF#EE3300#44EE00#55DDFF
- Blue Bikini Monochromatic Color Scheme#004455#007FA2#00BBEE#37C4FA#88EEFF
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 Bobbin Split-complementary Color Scheme#52B4CA#C85179#C5A253#30949D#DC89A8
- 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 Bikini?
In a split-complementary scheme: Enraged (#EE0044), Welcoming Wasp (#EEAA00), Kingfisher Sheen (#007FA2), Laser Trap (#FF3F6A).
What is the hex code of Blue Bikini?
#00BBEE.