Buttery Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Buttery (#FFC283), each snapped to its nearest named color.
#EE7700
#FF9933
#FFC283
#FDE8D0
#FFF2E4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mee-hua Sunset | #EE7700 | 238, 119, 0 | 30°, 100%, 47% | 0, 50, 100, 7 | |
| Indian Saffron | #FF9933 | 255, 153, 51 | 30°, 100%, 60% | 0, 40, 80, 0 | |
| Buttery | #FFC283 | 255, 194, 131 | 30°, 100%, 76% | 0, 24, 49, 0 | |
| Pale Egg | #FDE8D0 | 253, 232, 208 | 32°, 92%, 90% | 0, 8, 18, 1 | |
| Doeskin | #FFF2E4 | 255, 242, 228 | 31°, 100%, 95% | 0, 5, 11, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EE7700 on #FFF2E4 | 2.62:1 | — |
| Aa #EE7700 on #FDE8D0 | 2.42:1 | — |
| Aa #FF9933 on #FFF2E4 | 1.94:1 | — |
| Aa #EE7700 on #FFC283 | 1.83:1 | — |
| Aa #FF9933 on #FDE8D0 | 1.79:1 | — |
| Aa #FFC283 on #FFF2E4 | 1.43:1 | — |
CSS variables
:root {
--color-1: #ee7700; /* Mee-hua Sunset */
--color-2: #ff9933; /* Indian Saffron */
--color-3: #ffc283; /* Buttery */
--color-4: #fde8d0; /* Pale Egg */
--color-5: #fff2e4; /* Doeskin */
}Other schemes from Buttery
- Buttery Complementary Color Scheme#FFC283#FFF0DF#82CAFC#3399FF#E8F5FC
- Buttery Analogous Color Scheme#FF81C0#FA8383#FFC283#FFFF84#C4FE82
- Buttery Triadic Color Scheme#FFC283#80FFCC#CA84FC#FFF2E4#36FF9A
- Buttery Split-complementary Color Scheme#FFC283#88FFFF#8080FF#FF9933#D0FEFE
- Buttery Tetradic Color Scheme#FFC283#94FF94#82CAFC#FF85FF#FFF2E4
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 Buttery?
In a monochromatic scheme: Mee-hua Sunset (#EE7700), Indian Saffron (#FF9933), Pale Egg (#FDE8D0), Doeskin (#FFF2E4).
What is the hex code of Buttery?
#FFC283.