Tuscan Sun Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Tuscan Sun (#FFD84D), each snapped to its nearest named color.
#BB8800
#FFC801
#FFD84D
#FDE89A
#FFF9E4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Kenyan Sand | #BB8800 | 187, 136, 0 | 44°, 100%, 37% | 0, 27, 100, 27 | |
| Forsythia | #FFC801 | 255, 200, 1 | 47°, 100%, 50% | 0, 22, 100, 0 | |
| Tuscan Sun | #FFD84D | 255, 216, 77 | 47°, 100%, 65% | 0, 15, 70, 0 | |
| Pale Daffodil | #FDE89A | 253, 232, 154 | 47°, 96%, 80% | 0, 8, 39, 1 | |
| Magnolia | #FFF9E4 | 255, 249, 228 | 47°, 100%, 95% | 0, 2, 11, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BB8800 on #FFF9E4 | 3.00:1 | AA large |
| Aa #BB8800 on #FDE89A | 2.59:1 | — |
| Aa #BB8800 on #FFD84D | 2.29:1 | — |
| Aa #BB8800 on #FFC801 | 2.04:1 | — |
| Aa #FFC801 on #FFF9E4 | 1.47:1 | — |
| Aa #FFD84D on #FFF9E4 | 1.31:1 | — |
CSS variables
:root {
--color-1: #bb8800; /* Kenyan Sand */
--color-2: #ffc801; /* Forsythia */
--color-3: #ffd84d; /* Tuscan Sun */
--color-4: #fde89a; /* Pale Daffodil */
--color-5: #fff9e4; /* Magnolia */
}Other schemes from Tuscan Sun
- Tuscan Sun Complementary Color Scheme#FFD84D#FFEBA9#4E7FFF#003AFF#AACCFF
- Tuscan Sun Analogous Color Scheme#FF5470#FF7F50#FFD84D#CDFA56#66FF55
- Tuscan Sun Triadic Color Scheme#FFD84D#4EFFCD#DD55FF#FEECB3#00FFCC
- Tuscan Sun Split-complementary Color Scheme#FFD84D#44CCFF#7755FF#FFC801#99EEFF
- Tuscan Sun Tetradic Color Scheme#FFD84D#4CFF7B#4E7FFF#FF48D0#FEECB3
More Light Yellow monochromatic palettes
- Alligator Alley Monochromatic Color Scheme#7C8635#AFBB42#C5D17B#DAE2B2#F6F7ED
- Ancient Treasure Monochromatic Color Scheme#AA8822#DCBA42#E7D082#F3EAC3#FCF7EB
- Animal Kingdom Monochromatic Color Scheme#72754F#9BA373#BCC09E#DCDDCC#F4F4F0
- Anna Banana Monochromatic Color Scheme#9F8303#E1BF03#F5D547#F6E491#FEF6D8
- April Showers Monochromatic Color Scheme#A1AC4D#C7CA86#DADEB5#F3F5E9#F6F7ED
- Ash Monochromatic Color Scheme#776F56#9E957C#BEBAA7#DDDED3#F4F4F0
- Aurora Monochromatic Color Scheme#817714#CAB012#EBD147#F5E28D#FBF4D1
- Banana Monochromatic Color Scheme#DDDD00#FFFF31#FFFC79#FFFEC6#FFFEE5
- Banana Drama Monochromatic Color Scheme#947706#DDBB11#F1D548#F6E491#FBF5D6
- Banana Frappé Monochromatic Color Scheme#AE9550#C7B882#DDD5B6#F5F3E9#F7F5ED
- Beekeeper Monochromatic Color Scheme#D9B611#F1D548#F6E491#FDF5D7#FFF9E7
- Beige Monochromatic Color Scheme#B8A336#DBC364#E6DAA6#F8F3E3#FAF7EB
Questions
What colors go with Tuscan Sun?
In a monochromatic scheme: Kenyan Sand (#BB8800), Forsythia (#FFC801), Pale Daffodil (#FDE89A), Magnolia (#FFF9E4).
What is the hex code of Tuscan Sun?
#FFD84D.