№5 Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around №5 (#F8D68B), each snapped to its nearest named color.
#DD9911
#F7BF43
#F8D68B
#FDEFD3
#FFF7E7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Golden Key | #DD9911 | 221, 153, 17 | 40°, 86%, 47% | 0, 31, 92, 13 | |
| Sweet Lemon | #F7BF43 | 247, 191, 67 | 41°, 92%, 62% | 0, 23, 73, 3 | |
| №5 | #F8D68B | 248, 214, 139 | 41°, 89%, 76% | 0, 14, 44, 3 | |
| Varden | #FDEFD3 | 253, 239, 211 | 40°, 91%, 91% | 0, 6, 17, 1 | |
| Sheer Peach | #FFF7E7 | 255, 247, 231 | 40°, 100%, 95% | 0, 3, 9, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DD9911 on #FFF7E7 | 2.28:1 | — |
| Aa #DD9911 on #FDEFD3 | 2.14:1 | — |
| Aa #DD9911 on #F8D68B | 1.73:1 | — |
| Aa #F7BF43 on #FFF7E7 | 1.58:1 | — |
| Aa #F7BF43 on #FDEFD3 | 1.48:1 | — |
| Aa #DD9911 on #F7BF43 | 1.45:1 | — |
CSS variables
:root {
--color-1: #dd9911; /* Golden Key */
--color-2: #f7bf43; /* Sweet Lemon */
--color-3: #f8d68b; /* №5 */
--color-4: #fdefd3; /* Varden */
--color-5: #fff7e7; /* Sheer Peach */
}Other schemes from №5
- №5 Complementary Color Scheme#F8D68B#FCF4E2#8AADF7#4E7FFF#E8EEFE
- №5 Analogous Color Scheme#FC89AC#F39D8D#F8D68B#E8F48C#B1FC99
- №5 Triadic Color Scheme#F8D68B#8CFFDB#CC88FF#FFF7E7#55FFAA
- №5 Split-complementary Color Scheme#F8D68B#88EEFF#8B88F8#F7BF43#D4F1F9
- №5 Tetradic Color Scheme#F8D68B#8CFF9E#8AADF7#F984E5#FFF7E7
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
- Apricot Monochromatic Color Scheme#DA6304#FF8822#FFB16D#FFDAB9#FFF2E4
- 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
Questions
What colors go with №5?
In a monochromatic scheme: Golden Key (#DD9911), Sweet Lemon (#F7BF43), Varden (#FDEFD3), Sheer Peach (#FFF7E7).
What is the hex code of №5?
#F8D68B.