Artisans Gold Complementary Color Scheme
Five colors arranged by the complementary rule around Artisans Gold (#F2AB46), each snapped to its nearest named color.
#F2AB46
#F9D09C
#4488EE
#0066DD
#AACCFF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Artisans Gold | #F2AB46 | 242, 171, 70 | 35°, 87%, 61% | 0, 29, 71, 5 | |
| Warm Cocoon | #F9D09C | 249, 208, 156 | 34°, 89%, 79% | 0, 16, 37, 2 | |
| Seljuk Blue | #4488EE | 68, 136, 238 | 216°, 83%, 60% | 71, 43, 0, 7 | |
| Blue Ruin | #0066DD | 0, 102, 221 | 212°, 100%, 43% | 100, 54, 0, 13 | |
| Night Snow | #AACCFF | 170, 204, 255 | 216°, 100%, 83% | 33, 20, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F9D09C on #0066DD | 3.68:1 | AA large |
| Aa #0066DD on #AACCFF | 3.24:1 | AA large |
| Aa #F2AB46 on #0066DD | 2.71:1 | — |
| Aa #F9D09C on #4488EE | 2.42:1 | — |
| Aa #4488EE on #AACCFF | 2.13:1 | — |
| Aa #F2AB46 on #4488EE | 1.78:1 | — |
CSS variables
:root {
--color-1: #f2ab46; /* Artisans Gold */
--color-2: #f9d09c; /* Warm Cocoon */
--color-3: #4488ee; /* Seljuk Blue */
--color-4: #0066dd; /* Blue Ruin */
--color-5: #aaccff; /* Night Snow */
}Other schemes from Artisans Gold
- Artisans Gold Analogous Color Scheme#F7468A#F7504A#F2AB46#EEEE44#9CEF43
- Artisans Gold Triadic Color Scheme#F2AB46#53FCA1#AB46EC#FAD6A5#19CC89
- Artisans Gold Split-complementary Color Scheme#F2AB46#45E9FD#524EFB#DD8811#8AF1FE
- Artisans Gold Tetradic Color Scheme#F2AB46#4EFD54#4488EE#E047E1#FAD6A5
- Artisans Gold Monochromatic Color Scheme#995511#DD8811#F2AB46#F5C78E#FCECD5
More Light Orange complementary palettes
- 24 Karat Complementary Color Scheme#DFC685#F1E8CE#8B98D8#446CCF#D2DEF2
- 3AM Latte Complementary Color Scheme#C0A98E#E0D6C8#8FA6C1#5A7AA2#CDD7E6
- Ancestral Gold Complementary Color Scheme#DDCDA6#F6F2E8#A6BADF#7487C6#EDF2F8
- Angry Pasta Complementary Color Scheme#FFCC55#FFE9B1#5588FF#0652FF#B1D1FC
- Anise Biscotti Complementary Color Scheme#E5D5AE#F7F5EC#ADBAE3#7391CC#EDF2F8
- Another One Bites the Dust Complementary Color Scheme#C7BBA4#EAE6DC#A5B2C7#7886AA#E2E6EF
- Apricot Complementary Color Scheme#FFB16D#FEE2C8#75BBFD#2196F3#D4EAFF
- Apricotta Complementary Color Scheme#D8A48F#EFDCD3#8CC1D6#54A6C2#DCECF5
- Ashes to Ashes Complementary Color Scheme#BBB3A2#E4E0D4#9EA5C3#6B7BA7#DBDFE9
- Atomic Tangerine Complementary Color Scheme#FF9966#FED8C2#66CCFF#16B8F3#D0EEFB
- Attic Linen Complementary Color Scheme#CCBCA9#EDE9E4#AABBCC#7792AF#E9EDF1
- Baba Ganoush Complementary Color Scheme#EEBB88#F9E9D7#88BBEE#448EE4#E0EBFA
Questions
What colors go with Artisans Gold?
In a complementary scheme: Warm Cocoon (#F9D09C), Seljuk Blue (#4488EE), Blue Ruin (#0066DD), Night Snow (#AACCFF).
What is the hex code of Artisans Gold?
#F2AB46.