Habañero Gold Tetradic Color Scheme
Five colors arranged by the tetradic rule around Habañero Gold (#FECF3C), each snapped to its nearest named color.
#FECF3C
#33EE66
#3366FF
#FF33CC
#FFE8A0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Habañero Gold | #FECF3C | 254, 207, 60 | 45°, 99%, 62% | 0, 19, 76, 0 | |
| Acid Pops | #33EE66 | 51, 238, 102 | 136°, 85%, 57% | 79, 0, 57, 7 | |
| Gentian Flower | #3366FF | 51, 102, 255 | 225°, 100%, 60% | 80, 60, 0, 0 | |
| Razzle Dazzle Rose | #FF33CC | 255, 51, 204 | 315°, 100%, 60% | 0, 80, 20, 0 | |
| Rich Glow | #FFE8A0 | 255, 232, 160 | 45°, 100%, 81% | 0, 9, 37, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #3366FF on #FFE8A0 | 3.86:1 | AA large |
| Aa #FECF3C on #3366FF | 3.17:1 | AA large |
| Aa #33EE66 on #3366FF | 3.02:1 | AA large |
| Aa #FF33CC on #FFE8A0 | 2.62:1 | — |
| Aa #FECF3C on #FF33CC | 2.15:1 | — |
| Aa #33EE66 on #FF33CC | 2.06:1 | — |
CSS variables
:root {
--color-1: #fecf3c; /* Habañero Gold */
--color-2: #33ee66; /* Acid Pops */
--color-3: #3366ff; /* Gentian Flower */
--color-4: #ff33cc; /* Razzle Dazzle Rose */
--color-5: #ffe8a0; /* Rich Glow */
}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 Monochromatic Color Scheme#A87900#F2B400#FECF3C#FFE186#FFF4D3
More Light Yellow tetradic palettes
- Alligator Alley Tetradic Color Scheme#C5D17B#78D1B1#8878C3#D37C99#E9EAC8
- Ancient Treasure Tetradic Color Scheme#E7D082#90EE90#8F8CE7#EE88CC#F8F0D8
- Animal Kingdom Tetradic Color Scheme#BCC09E#9BC2B4#A09BC6#C59DAA#E9EADB
- Anna Banana Tetradic Color Scheme#F5D547#4CFF7B#4166F5#F246A7#FBE8A8
- April Showers Tetradic Color Scheme#DADEB5#BADFCD#B3B4DD#DDB6C6#F6F7ED
- Ash Tetradic Color Scheme#BEBAA7#9FC5AA#9EA5C3#C89EB7#EDE9DF
- Aurora Tetradic Color Scheme#EBD147#4CFF7B#4466EE#F246A7#F4E7A5
- Banana Tetradic Color Scheme#FFFC79#7EFFBA#7777FF#FF77BB#FFFEDF
- Banana Drama Tetradic Color Scheme#F1D548#58F898#4466EE#F246A7#FBE8A8
- Banana Frappé Tetradic Color Scheme#DDD5B6#B9DCC3#B8BFDC#D8B7CF#F7F5ED
- Beekeeper Tetradic Color Scheme#F6E491#98F6B0#9BA0EF#F092D6#FFF9E7
- Beige Tetradic Color Scheme#E6DAA6#A4E3B3#ACACE6#E6A8D7#FAF7EB
Questions
What colors go with Habañero Gold?
In a tetradic scheme: Acid Pops (#33EE66), Gentian Flower (#3366FF), Razzle Dazzle Rose (#FF33CC), Rich Glow (#FFE8A0).
What is the hex code of Habañero Gold?
#FECF3C.