Habañero Gold Complementary Color Scheme
Five colors arranged by the complementary rule around Habañero Gold (#FECF3C), each snapped to its nearest named color.
#FECF3C
#FFE696
#3366FF
#0033EE
#A2BFFE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Habañero Gold | #FECF3C | 254, 207, 60 | 45°, 99%, 62% | 0, 19, 76, 0 | |
| Chilled Lemonade | #FFE696 | 255, 230, 150 | 46°, 100%, 79% | 0, 10, 41, 0 | |
| Gentian Flower | #3366FF | 51, 102, 255 | 225°, 100%, 60% | 80, 60, 0, 0 | |
| Blue Bouquet | #0033EE | 0, 51, 238 | 227°, 100%, 47% | 100, 79, 0, 7 | |
| Pastel Blue | #A2BFFE | 162, 191, 254 | 221°, 98%, 82% | 36, 25, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFE696 on #0033EE | 6.28:1 | AA |
| Aa #FECF3C on #0033EE | 5.25:1 | AA |
| Aa #0033EE on #A2BFFE | 4.22:1 | AA large |
| Aa #FFE696 on #3366FF | 3.79:1 | AA large |
| Aa #FECF3C on #3366FF | 3.17:1 | AA large |
| Aa #3366FF on #A2BFFE | 2.55:1 | — |
CSS variables
:root {
--color-1: #fecf3c; /* Habañero Gold */
--color-2: #ffe696; /* Chilled Lemonade */
--color-3: #3366ff; /* Gentian Flower */
--color-4: #0033ee; /* Blue Bouquet */
--color-5: #a2bffe; /* Pastel Blue */
}Other schemes from Habañero Gold
- 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
- Habañero Gold Monochromatic Color Scheme#A87900#F2B400#FECF3C#FFE186#FFF4D3
More Light Yellow complementary palettes
- Alligator Alley Complementary Color Scheme#C5D17B#E6E6BC#8878C3#5946B2#CEC8EF
- Ancient Treasure Complementary Color Scheme#E7D082#F7EECF#8F8CE7#4B62D2#DBDBF7
- Animal Kingdom Complementary Color Scheme#BCC09E#E4E4D5#A09BC6#776EA2#DCDDE7
- Anna Banana Complementary Color Scheme#F5D547#FCE99F#4166F5#0033EE#A2BFFE
- April Showers Complementary Color Scheme#DADEB5#F6F7ED#B3B4DD#8980C1#EBECF5
- Ash Complementary Color Scheme#BEBAA7#E8E5D8#9EA5C3#6B7BA7#DEE1ED
- Aurora Complementary Color Scheme#EBD147#F1E798#4466EE#0033CC#A3B1F2
- Banana Complementary Color Scheme#FFFC79#FFFFD4#7777FF#3A2EFE#D6EAFC
- Banana Drama Complementary Color Scheme#F1D548#F8EC9E#4466EE#0033DD#A3B1F2
- Banana Frappé Complementary Color Scheme#DDD5B6#F7F5ED#B8BFDC#8491C3#EDF2F8
- Beekeeper Complementary Color Scheme#F6E491#FFF9E7#9BA0EF#4466EE#E8EEFE
- Beige Complementary Color Scheme#E6DAA6#FAF7EB#ACACE6#7777CC#E8EFF8
Questions
What colors go with Habañero Gold?
In a complementary scheme: Chilled Lemonade (#FFE696), Gentian Flower (#3366FF), Blue Bouquet (#0033EE), Pastel Blue (#A2BFFE).
What is the hex code of Habañero Gold?
#FECF3C.