Apricot Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Apricot (#FFB16D), each snapped to its nearest named color.
#DA6304
#FF8822
#FFB16D
#FFDAB9
#FFF2E4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Ancient Bamboo | #DA6304 | 218, 99, 4 | 27°, 96%, 44% | 0, 55, 98, 15 | |
| Orange Avant-Garde | #FF8822 | 255, 136, 34 | 28°, 100%, 57% | 0, 47, 87, 0 | |
| Apricot | #FFB16D | 255, 177, 109 | 28°, 100%, 71% | 0, 31, 57, 0 | |
| Peach Puff | #FFDAB9 | 255, 218, 185 | 28°, 100%, 86% | 0, 15, 27, 0 | |
| Doeskin | #FFF2E4 | 255, 242, 228 | 31°, 100%, 95% | 0, 5, 11, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DA6304 on #FFF2E4 | 3.31:1 | AA large |
| Aa #DA6304 on #FFDAB9 | 2.77:1 | — |
| Aa #FF8822 on #FFF2E4 | 2.17:1 | — |
| Aa #DA6304 on #FFB16D | 2.04:1 | — |
| Aa #FF8822 on #FFDAB9 | 1.82:1 | — |
| Aa #FFB16D on #FFF2E4 | 1.62:1 | — |
CSS variables
:root {
--color-1: #da6304; /* Ancient Bamboo */
--color-2: #ff8822; /* Orange Avant-Garde */
--color-3: #ffb16d; /* Apricot */
--color-4: #ffdab9; /* Peach Puff */
--color-5: #fff2e4; /* Doeskin */
}Other schemes from Apricot
- Apricot Complementary Color Scheme#FFB16D#FEE2C8#75BBFD#2196F3#D4EAFF
- 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
More Light Orange monochromatic palettes
- 24 Karat Monochromatic Color Scheme#AA8031#CFAC47#DFC685#F0E2C4#FAF6EA
- 3AM Latte Monochromatic Color Scheme#715A45#A9855D#C0A98E#DACEBE#F6F4EF
- Ancestral Gold Monochromatic Color Scheme#AC8A41#C6AD6F#DDCDA6#F2ECDE#F7F5ED
- Angry Pasta Monochromatic Color Scheme#BE8400#FEB308#FFCC55#FFE1A3#FFF8E4
- Anise Biscotti Monochromatic Color Scheme#BB993A#D1B871#E5D5AE#F9F2E7#F7F5EC
- Another One Bites the Dust Monochromatic Color Scheme#82714D#AB9975#C7BBA4#E4DED2#F6F4EF
- Apricotta Monochromatic Color Scheme#975437#C57556#D8A48F#EDD1C7#F8F1EB
- Artisans Gold Monochromatic Color Scheme#995511#DD8811#F2AB46#F5C78E#FCECD5
- Ashes to Ashes Monochromatic Color Scheme#726854#9C8E74#BBB3A2#DBD7CE#F4F4F0
- Atomic Tangerine Monochromatic Color Scheme#CC4400#FF6316#FF9966#FFCCB6#FFECE5
- Attic Linen Monochromatic Color Scheme#8A7054#B09879#CCBCA9#E9E1D9#F6F4EF
- Baba Ganoush Monochromatic Color Scheme#C06714#E19447#EEBB88#F8E2CA#FBF4E8
Questions
What colors go with Apricot?
In a monochromatic scheme: Ancient Bamboo (#DA6304), Orange Avant-Garde (#FF8822), Peach Puff (#FFDAB9), Doeskin (#FFF2E4).
What is the hex code of Apricot?
#FFB16D.