Apricotta Complementary Color Scheme
Five colors arranged by the complementary rule around Apricotta (#D8A48F), each snapped to its nearest named color.
#D8A48F
#EFDCD3
#8CC1D6
#54A6C2
#DCECF5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Apricotta | #D8A48F | 216, 164, 143 | 17°, 48%, 70% | 0, 24, 34, 15 | |
| Stolen Kiss | #EFDCD3 | 239, 220, 211 | 19°, 47%, 88% | 0, 8, 12, 6 | |
| Boutonniere | #8CC1D6 | 140, 193, 214 | 197°, 47%, 69% | 35, 10, 0, 16 | |
| Pottery Blue | #54A6C2 | 84, 166, 194 | 195°, 47%, 55% | 57, 14, 0, 24 | |
| Ice Fishing | #DCECF5 | 220, 236, 245 | 202°, 56%, 91% | 10, 4, 0, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #54A6C2 on #DCECF5 | 2.28:1 | — |
| Aa #EFDCD3 on #54A6C2 | 2.08:1 | — |
| Aa #D8A48F on #DCECF5 | 1.80:1 | — |
| Aa #D8A48F on #EFDCD3 | 1.65:1 | — |
| Aa #8CC1D6 on #DCECF5 | 1.62:1 | — |
| Aa #EFDCD3 on #8CC1D6 | 1.48:1 | — |
CSS variables
:root {
--color-1: #d8a48f; /* Apricotta */
--color-2: #efdcd3; /* Stolen Kiss */
--color-3: #8cc1d6; /* Boutonniere */
--color-4: #54a6c2; /* Pottery Blue */
--color-5: #dcecf5; /* Ice Fishing */
}Other schemes from Apricotta
- Apricotta Analogous Color Scheme#DA93C1#D68F9F#D8A48F#DAC98E#C3DB8D
- Apricotta Triadic Color Scheme#D8A48F#8CD9A1#AA8ED6#F3E0DB#54C571
- Apricotta Split-complementary Color Scheme#D8A48F#8DD9CC#8B98D8#C57556#CAEDE4
- Apricotta Tetradic Color Scheme#D8A48F#98D98E#8CC1D6#C687D6#F3E0DB
- Apricotta Monochromatic Color Scheme#975437#C57556#D8A48F#EDD1C7#F8F1EB
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
- Artisans Gold Complementary Color Scheme#F2AB46#F9D09C#4488EE#0066DD#AACCFF
- 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 Apricotta?
In a complementary scheme: Stolen Kiss (#EFDCD3), Boutonniere (#8CC1D6), Pottery Blue (#54A6C2), Ice Fishing (#DCECF5).
What is the hex code of Apricotta?
#D8A48F.