Habañero Gold Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Habañero Gold (#FECF3C), each snapped to its nearest named color.
#A87900
#F2B400
#FECF3C
#FFE186
#FFF4D3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Bronze | #A87900 | 168, 121, 0 | 43°, 100%, 33% | 0, 28, 100, 34 | |
| Bellagio Gold | #F2B400 | 242, 180, 0 | 45°, 100%, 47% | 0, 26, 100, 5 | |
| Habañero Gold | #FECF3C | 254, 207, 60 | 45°, 99%, 62% | 0, 19, 76, 0 | |
| Sweet Chamomile | #FFE186 | 255, 225, 134 | 45°, 100%, 76% | 0, 12, 47, 0 | |
| Milk Punch | #FFF4D3 | 255, 244, 211 | 45°, 100%, 91% | 0, 4, 17, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A87900 on #FFF4D3 | 3.54:1 | AA large |
| Aa #A87900 on #FFE186 | 3.03:1 | AA large |
| Aa #A87900 on #FECF3C | 2.63:1 | — |
| Aa #A87900 on #F2B400 | 2.09:1 | — |
| Aa #F2B400 on #FFF4D3 | 1.69:1 | — |
| Aa #F2B400 on #FFE186 | 1.45:1 | — |
CSS variables
:root {
--color-1: #a87900; /* Bronze */
--color-2: #f2b400; /* Bellagio Gold */
--color-3: #fecf3c; /* Habañero Gold */
--color-4: #ffe186; /* Sweet Chamomile */
--color-5: #fff4d3; /* Milk Punch */
}Other schemes from Habañero Gold
- Habañero Gold Complementary Color Scheme#FECF3C#FFE696#3366FF#0033EE#A2BFFE
- Habañero Gold Analogous Color Scheme#FF3F6A#FD6F3B#FECF3C#C8FD3D#7FF23E
- Habañero Gold Triadic Color Scheme#FECF3C#3AFDDB#CC33FF#FFE8A0#0AE9B4
- Habañero Gold Split-complementary Color Scheme#FECF3C#37C4FA#703BE7#F2B400#88EEFF
- Habañero Gold Tetradic Color Scheme#FECF3C#33EE66#3366FF#FF33CC#FFE8A0
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 Habañero Gold?
In a monochromatic scheme: Bronze (#A87900), Bellagio Gold (#F2B400), Sweet Chamomile (#FFE186), Milk Punch (#FFF4D3).
What is the hex code of Habañero Gold?
#FECF3C.