Yuzu Marmalade Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Yuzu Marmalade (#FFD766), each snapped to its nearest named color.
#CC9900
#FFC217
#FFD766
#FEECB3
#FFF8E4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Vivid Amber | #CC9900 | 204, 153, 0 | 45°, 100%, 40% | 0, 25, 100, 20 | |
| Happy Yipee | #FFC217 | 255, 194, 23 | 44°, 100%, 55% | 0, 24, 91, 0 | |
| Yuzu Marmalade | #FFD766 | 255, 215, 102 | 44°, 100%, 70% | 0, 16, 60, 0 | |
| Dear Melissa | #FEECB3 | 254, 236, 179 | 46°, 97%, 85% | 0, 7, 30, 0 | |
| Sweet Frosting | #FFF8E4 | 255, 248, 228 | 44°, 100%, 95% | 0, 3, 11, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CC9900 on #FFF8E4 | 2.44:1 | — |
| Aa #CC9900 on #FEECB3 | 2.20:1 | — |
| Aa #CC9900 on #FFD766 | 1.87:1 | — |
| Aa #CC9900 on #FFC217 | 1.60:1 | — |
| Aa #FFC217 on #FFF8E4 | 1.53:1 | — |
| Aa #FFC217 on #FEECB3 | 1.38:1 | — |
CSS variables
:root {
--color-1: #cc9900; /* Vivid Amber */
--color-2: #ffc217; /* Happy Yipee */
--color-3: #ffd766; /* Yuzu Marmalade */
--color-4: #feecb3; /* Dear Melissa */
--color-5: #fff8e4; /* Sweet Frosting */
}Other schemes from Yuzu Marmalade
- Yuzu Marmalade Complementary Color Scheme#FFD766#FFEFC2#6688FF#1155FF#CCDDFF
- Yuzu Marmalade Analogous Color Scheme#FF6989#FF8C69#FFD766#D8F878#9AF764
- Yuzu Marmalade Triadic Color Scheme#FFD766#73FCD6#C760FF#FCF3CB#01F9C6
- Yuzu Marmalade Split-complementary Color Scheme#FFD766#66DDFF#8866FF#FFC217#BBEEFF
- Yuzu Marmalade Tetradic Color Scheme#FFD766#64E986#6688FF#FF66CC#FCF3CB
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 Yuzu Marmalade?
In a monochromatic scheme: Vivid Amber (#CC9900), Happy Yipee (#FFC217), Dear Melissa (#FEECB3), Sweet Frosting (#FFF8E4).
What is the hex code of Yuzu Marmalade?
#FFD766.