Buzz Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Buzz (#F0C641), each snapped to its nearest named color.
#F0C641
#4EC0ED
#6140EF
#DDAA11
#87D3F8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Buzz | #F0C641 | 240, 198, 65 | 46°, 85%, 60% | 0, 17, 73, 6 | |
| Clean Pool | #4EC0ED | 78, 192, 237 | 197°, 82%, 62% | 67, 19, 0, 7 | |
| Purplish Blue | #6140EF | 97, 64, 239 | 251°, 85%, 59% | 59, 73, 0, 6 | |
| Honeycomb | #DDAA11 | 221, 170, 17 | 45°, 86%, 47% | 0, 23, 92, 13 | |
| Kul Sharif Blue | #87D3F8 | 135, 211, 248 | 200°, 89%, 75% | 46, 15, 0, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F0C641 on #6140EF | 3.69:1 | AA large |
| Aa #6140EF on #87D3F8 | 3.64:1 | AA large |
| Aa #4EC0ED on #6140EF | 2.89:1 | — |
| Aa #6140EF on #DDAA11 | 2.82:1 | — |
| Aa #F0C641 on #DDAA11 | 1.31:1 | — |
| Aa #DDAA11 on #87D3F8 | 1.29:1 | — |
CSS variables
:root {
--color-1: #f0c641; /* Buzz */
--color-2: #4ec0ed; /* Clean Pool */
--color-3: #6140ef; /* Purplish Blue */
--color-4: #ddaa11; /* Honeycomb */
--color-5: #87d3f8; /* Kul Sharif Blue */
}Other schemes from Buzz
- Buzz Complementary Color Scheme#F0C641#F9E097#4466EE#0343DF#A3B1F2
- Buzz Analogous Color Scheme#EE4466#F37042#F0C641#C0E740#66FF55
- Buzz Triadic Color Scheme#F0C641#45E9C1#CC44FF#F6E3A1#1CD3A2
- Buzz Tetradic Color Scheme#F0C641#4CFF7B#4466EE#FF48D0#F6E3A1
- Buzz Monochromatic Color Scheme#886806#DDAA11#F0C641#F9D988#FCF1CF
More Medium Yellow split-complementary palettes
- A Frond in Need Split-complementary Color Scheme#9F9978#7195A6#8272A4#7C754C#9FB6C6
- Amazon Queen Split-complementary Color Scheme#948F54#517B95#6F5390#62603E#7B9CB3
- Angel’s Trumpet Split-complementary Color Scheme#F6DD34#30A9FF#6A2DED#D2BD0A#7BC8F6
- Antique Split-complementary Color Scheme#8B846D#5D8A9B#6C5D97#6D6240#90ABBB
- Backroom Ember Split-complementary Color Scheme#A19250#5187A0#654EA3#6F6138#7CAFB9
- Bamboo Forest Split-complementary Color Scheme#B1A979#7B9EB0#8B79B1#8C854F#A8C0CE
- Banana Bandanna Split-complementary Color Scheme#F8F739#3399FF#9437FF#DDDD00#88BBFF
- Banana Bombshell Split-complementary Color Scheme#F7E82E#31A2F2#8020FF#CDC50A#73C2FB
- Banana Brick Split-complementary Color Scheme#E8D82C#2196F3#6A2DED#B9A70F#6CBAE7
- Banana Flash Split-complementary Color Scheme#EEFE02#0070FF#8F00FF#A8B504#5097FC
- Banana King Split-complementary Color Scheme#FFFB08#0088FF#7F01FE#ABBC01#55AAFF
- Banana Pepper Split-complementary Color Scheme#FDD630#3CBCFC#6A2DED#DFB900#76D6FF
Questions
What colors go with Buzz?
In a split-complementary scheme: Clean Pool (#4EC0ED), Purplish Blue (#6140EF), Honeycomb (#DDAA11), Kul Sharif Blue (#87D3F8).
What is the hex code of Buzz?
#F0C641.