Apricot Complementary Color Scheme
Five colors arranged by the complementary rule around Apricot (#FFB16D), each snapped to its nearest named color.
#FFB16D
#FEE2C8
#75BBFD
#2196F3
#D4EAFF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Apricot | #FFB16D | 255, 177, 109 | 28°, 100%, 71% | 0, 31, 57, 0 | |
| Dedication | #FEE2C8 | 254, 226, 200 | 29°, 96%, 89% | 0, 11, 21, 0 | |
| Green Darner Tail | #75BBFD | 117, 187, 253 | 209°, 97%, 73% | 54, 26, 0, 1 | |
| Karimun Blue | #2196F3 | 33, 150, 243 | 207°, 90%, 54% | 86, 38, 0, 5 | |
| Veiling Waterfalls | #D4EAFF | 212, 234, 255 | 209°, 100%, 92% | 17, 8, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #2196F3 on #D4EAFF | 2.53:1 | — |
| Aa #FEE2C8 on #2196F3 | 2.52:1 | — |
| Aa #FFB16D on #2196F3 | 1.75:1 | — |
| Aa #75BBFD on #D4EAFF | 1.65:1 | — |
| Aa #FEE2C8 on #75BBFD | 1.65:1 | — |
| Aa #75BBFD on #2196F3 | 1.53:1 | — |
CSS variables
:root {
--color-1: #ffb16d; /* Apricot */
--color-2: #fee2c8; /* Dedication */
--color-3: #75bbfd; /* Green Darner Tail */
--color-4: #2196f3; /* Karimun Blue */
--color-5: #d4eaff; /* Veiling Waterfalls */
}Other schemes from Apricot
- Apricot Analogous Color Scheme#FF6CB5#F97272#FFB16D#FFFE71#BEFD73
- Apricot Triadic Color Scheme#FFB16D#6BFFB3#B36FF6#FFE7D5#20F986
- Apricot Split-complementary Color Scheme#FFB16D#6FFFFF#7777FF#FF8822#BBFFFF
- Apricot Tetradic Color Scheme#FFB16D#77FF66#75BBFD#FE6FFF#FFE7D5
- Apricot Monochromatic Color Scheme#DA6304#FF8822#FFB16D#FFDAB9#FFF2E4
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
- Apricotta Complementary Color Scheme#D8A48F#EFDCD3#8CC1D6#54A6C2#DCECF5
- 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 Apricot?
In a complementary scheme: Dedication (#FEE2C8), Green Darner Tail (#75BBFD), Karimun Blue (#2196F3), Veiling Waterfalls (#D4EAFF).
What is the hex code of Apricot?
#FFB16D.