Bourbon Complementary Color Scheme
Five colors arranged by the complementary rule around Bourbon (#AF6C3E), each snapped to its nearest named color.
#AF6C3E
#D29F7A
#3D85B8
#295776
#84AFD5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Bourbon | #AF6C3E | 175, 108, 62 | 24°, 48%, 46% | 0, 38, 65, 31 | |
| Darling Clementine | #D29F7A | 210, 159, 122 | 25°, 49%, 65% | 0, 24, 42, 18 | |
| Curious Blue | #3D85B8 | 61, 133, 184 | 205°, 50%, 48% | 67, 28, 0, 28 | |
| Queen of the Night | #295776 | 41, 87, 118 | 204°, 48%, 31% | 65, 26, 0, 54 | |
| Boo Blue | #84AFD5 | 132, 175, 213 | 208°, 49%, 68% | 38, 18, 0, 16 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #295776 on #84AFD5 | 3.34:1 | AA large |
| Aa #D29F7A on #295776 | 3.30:1 | AA large |
| Aa #3D85B8 on #295776 | 1.93:1 | — |
| Aa #AF6C3E on #295776 | 1.85:1 | — |
| Aa #AF6C3E on #84AFD5 | 1.80:1 | — |
| Aa #AF6C3E on #D29F7A | 1.78:1 | — |
CSS variables
:root {
--color-1: #af6c3e; /* Bourbon */
--color-2: #d29f7a; /* Darling Clementine */
--color-3: #3d85b8; /* Curious Blue */
--color-4: #295776; /* Queen of the Night */
--color-5: #84afd5; /* Boo Blue */
}Other schemes from Bourbon
- Bourbon Analogous Color Scheme#A53783#AD3D46#AF6C3E#A6A23F#86AF38
- Bourbon Triadic Color Scheme#AF6C3E#3EB370#773CA7#D3A083#247345
- Bourbon Split-complementary Color Scheme#AF6C3E#3AB0A2#324AB2#7C4A2C#6BCCC1
- Bourbon Tetradic Color Scheme#AF6C3E#51B73B#3D85B8#B13AAD#D3A083
- Bourbon Monochromatic Color Scheme#3C241B#7C4A2C#AF6C3E#C9936F#E0BFA5
More Medium Orange complementary palettes
- 24 Carrot Complementary Color Scheme#E56E24#F1A177#2196F3#126DA8#7BC8F6
- À l’Orange Complementary Color Scheme#F2850D#F6B064#0D75F8#0853A7#77B5FE
- Acorn Complementary Color Scheme#7F5E50#B08A7D#506E82#2F484E#85A3B2
- Amaretto Sour Complementary Color Scheme#C09856#D9C09C#507BCE#3B5B92#A2BADB
- Amber Complementary Color Scheme#FFBF00#FED85D#0044FF#0033BB#6688FF
- Apocalyptic Orange Complementary Color Scheme#F4711E#FAAB77#17A9E5#0777BC#7BC8F6
- Arancio Complementary Color Scheme#FF7013#FEA871#00AAFF#0079C1#77CCFF
- Argan Oil Complementary Color Scheme#9D6646#C4957A#427C9D#2D5367#82ACC4
- Arrakis Spice Complementary Color Scheme#BB8246#D1B088#477BBD#315886#92B6D5
- Arrowwood Complementary Color Scheme#B3861E#E0B44D#1151B4#13336F#5577EE
- Atomic Orange Complementary Color Scheme#F88605#FFB05F#0078F8#0055AA#77AAFF
- Autumnal Complementary Color Scheme#AD5928#DB8959#2B7CAF#1D5671#65B4D8
Questions
What colors go with Bourbon?
In a complementary scheme: Darling Clementine (#D29F7A), Curious Blue (#3D85B8), Queen of the Night (#295776), Boo Blue (#84AFD5).
What is the hex code of Bourbon?
#AF6C3E.