Pizza Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Pizza (#BF8D3C), each snapped to its nearest named color.
#BF8D3C
#30AABC
#5533BB
#856829
#74C6D3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pizza | #BF8D3C | 191, 141, 60 | 37°, 52%, 49% | 0, 26, 69, 25 | |
| Explore Blue | #30AABC | 48, 170, 188 | 188°, 59%, 46% | 74, 10, 0, 26 | |
| Illustrious Indigo | #5533BB | 85, 51, 187 | 255°, 57%, 47% | 55, 73, 0, 27 | |
| Hunting Jacket | #856829 | 133, 104, 41 | 41°, 53%, 34% | 0, 22, 69, 48 | |
| Salt Lake | #74C6D3 | 116, 198, 211 | 188°, 52%, 64% | 45, 6, 0, 17 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #5533BB on #74C6D3 | 4.18:1 | AA large |
| Aa #30AABC on #5533BB | 2.95:1 | — |
| Aa #BF8D3C on #5533BB | 2.75:1 | — |
| Aa #856829 on #74C6D3 | 2.68:1 | — |
| Aa #30AABC on #856829 | 1.90:1 | — |
| Aa #BF8D3C on #856829 | 1.77:1 | — |
CSS variables
:root {
--color-1: #bf8d3c; /* Pizza */
--color-2: #30aabc; /* Explore Blue */
--color-3: #5533bb; /* Illustrious Indigo */
--color-4: #856829; /* Hunting Jacket */
--color-5: #74c6d3; /* Salt Lake */
}Other schemes from Pizza
- Pizza Complementary Color Scheme#BF8D3C#DBB881#3473B7#2A4983#84A5DC
- Pizza Analogous Color Scheme#B9396E#BC4D39#BF8D3C#AFBB33#70B23F
- Pizza Triadic Color Scheme#BF8D3C#33BB88#983FB2#DDBB88#338860
- Pizza Tetradic Color Scheme#BF8D3C#3EB753#3473B7#B13AAD#DDBB88
- Pizza Monochromatic Color Scheme#4D3113#856829#BF8D3C#D1B075#E7D2AD
More Medium Orange split-complementary palettes
- 24 Carrot Split-complementary Color Scheme#E56E24#25E2CD#273BE2#AD4E1A#6FE7DB
- À l’Orange Split-complementary Color Scheme#F2850D#11EEEE#150AEC#A75E09#56F7F3
- Acorn Split-complementary Color Scheme#7F5E50#43817A#4E5481#533B32#74A69B
- Amaretto Sour Split-complementary Color Scheme#C09856#56B3C3#6258C4#976F3C#8ECED8
- Amber Split-complementary Color Scheme#FFBF00#00BFFF#3F00FF#BB8800#4CD5FF
- Apocalyptic Orange Split-complementary Color Scheme#F4711E#08E8DE#152EFF#BB5511#66EEEE
- Arancio Split-complementary Color Scheme#FF7013#11FFEE#152EFF#C65102#65FFFF
- Argan Oil Split-complementary Color Scheme#9D6646#4A9C95#445599#6A432D#71BAB4
- Arrakis Spice Split-complementary Color Scheme#BB8246#43BCBE#4A40AD#825E2F#7FD3D3
- Arrowwood Split-complementary Color Scheme#B3861E#1E98AE#3A18B1#775511#34B5D5
- Atomic Orange Split-complementary Color Scheme#F88605#01F1F1#0C06F7#B25F03#53F6FF
- Autumnal Split-complementary Color Scheme#AD5928#25AE8E#2138AB#72371C#48D1CC
Questions
What colors go with Pizza?
In a split-complementary scheme: Explore Blue (#30AABC), Illustrious Indigo (#5533BB), Hunting Jacket (#856829), Salt Lake (#74C6D3).
What is the hex code of Pizza?
#BF8D3C.