Kings Yellow Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Kings Yellow (#EAD665), each snapped to its nearest named color.
#A18D0D
#F0C420
#EAD665
#F0E7A9
#FBF9E8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Guava Green | #A18D0D | 161, 141, 13 | 52°, 85%, 34% | 0, 12, 92, 37 | |
| Moon Yellow | #F0C420 | 240, 196, 32 | 47°, 87%, 53% | 0, 18, 87, 6 | |
| Kings Yellow | #EAD665 | 234, 214, 101 | 51°, 76%, 66% | 0, 9, 57, 8 | |
| Pineapple Delight | #F0E7A9 | 240, 231, 169 | 52°, 70%, 80% | 0, 4, 30, 6 | |
| Elderflower | #FBF9E8 | 251, 249, 232 | 54°, 70%, 95% | 0, 1, 8, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A18D0D on #FBF9E8 | 3.13:1 | AA large |
| Aa #A18D0D on #F0E7A9 | 2.64:1 | — |
| Aa #A18D0D on #EAD665 | 2.26:1 | — |
| Aa #A18D0D on #F0C420 | 1.99:1 | — |
| Aa #F0C420 on #FBF9E8 | 1.57:1 | — |
| Aa #EAD665 on #FBF9E8 | 1.39:1 | — |
CSS variables
:root {
--color-1: #a18d0d; /* Guava Green */
--color-2: #f0c420; /* Moon Yellow */
--color-3: #ead665; /* Kings Yellow */
--color-4: #f0e7a9; /* Pineapple Delight */
--color-5: #fbf9e8; /* Elderflower */
}Other schemes from Kings Yellow
- Kings Yellow Complementary Color Scheme#EAD665#F6EDB6#657AEF#273BE2#BFC0EE
- Kings Yellow Analogous Color Scheme#EA6777#E8956B#EAD665#BEEF69#64EB65
- Kings Yellow Triadic Color Scheme#EAD665#6FE7DB#CC69E4#FAEFBE#25E2CD
- Kings Yellow Split-complementary Color Scheme#EAD665#6CBAE7#8866FF#F0C420#ABDDF1
- Kings Yellow Tetradic Color Scheme#EAD665#64E986#657AEF#EE66BB#FAEFBE
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 Kings Yellow?
In a monochromatic scheme: Guava Green (#A18D0D), Moon Yellow (#F0C420), Pineapple Delight (#F0E7A9), Elderflower (#FBF9E8).
What is the hex code of Kings Yellow?
#EAD665.