Witch Hazel Triadic Color Scheme
Five colors arranged by the triadic rule around Witch Hazel (#FBF073), each snapped to its nearest named color.
#FBF073
#73FDFF
#F06FFF
#FFFBD7
#26F7FD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Witch Hazel | #FBF073 | 251, 240, 115 | 55°, 94%, 72% | 0, 4, 54, 2 | |
| Ancient Ice | #73FDFF | 115, 253, 255 | 181°, 100%, 73% | 55, 1, 0, 0 | |
| Ultra Pink | #F06FFF | 240, 111, 255 | 294°, 100%, 72% | 6, 56, 0, 0 | |
| Country Summer | #FFFBD7 | 255, 251, 215 | 54°, 100%, 92% | 0, 2, 16, 0 | |
| Frozen State | #26F7FD | 38, 247, 253 | 182°, 98%, 57% | 85, 2, 0, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F06FFF on #FFFBD7 | 2.38:1 | — |
| Aa #FBF073 on #F06FFF | 2.11:1 | — |
| Aa #73FDFF on #F06FFF | 2.04:1 | — |
| Aa #F06FFF on #26F7FD | 1.88:1 | — |
| Aa #FFFBD7 on #26F7FD | 1.27:1 | — |
| Aa #73FDFF on #FFFBD7 | 1.16:1 | — |
CSS variables
:root {
--color-1: #fbf073; /* Witch Hazel */
--color-2: #73fdff; /* Ancient Ice */
--color-3: #f06fff; /* Ultra Pink */
--color-4: #fffbd7; /* Country Summer */
--color-5: #26f7fd; /* Frozen State */
}Other schemes from Witch Hazel
- Witch Hazel Complementary Color Scheme#FBF073#FFFACD#7777FF#3A2EFE#CFDAFB
- Witch Hazel Analogous Color Scheme#FF737E#FAAC72#FBF073#C2F177#77FF77
- Witch Hazel Split-complementary Color Scheme#FBF073#73C2FB#A675FE#F7E82E#B8E4F5
- Witch Hazel Tetradic Color Scheme#FBF073#76FDA8#7777FF#FF6EC7#FFFBD7
- Witch Hazel Monochromatic Color Scheme#D2BD0A#F7E82E#FBF073#FCF9BD#FEFBE5
More Light Yellow triadic palettes
- Alligator Alley Triadic Color Scheme#C5D17B#76C4D1#CC77CC#E9EAC8#53B1BA
- Ancient Treasure Triadic Color Scheme#E7D082#87E0CF#CB82E3#F8F0D8#55CCBB
- Animal Kingdom Triadic Color Scheme#BCC09E#9BBCC3#CC99BB#E9EADB#6C9DA9
- Anna Banana Triadic Color Scheme#F5D547#4EFFCD#D94FF5#FBE8A8#0AE9B4
- April Showers Triadic Color Scheme#DADEB5#B7DADD#DEB7D9#F6F7ED#85C1C4
- Ash Triadic Color Scheme#BEBAA7#9CC2BF#BB9ECA#EDE9DF#72A49F
- Aurora Triadic Color Scheme#EBD147#40E0D0#DC41F1#F4E7A5#11CCBB
- Banana Triadic Color Scheme#FFFC79#73FDFF#FF77FF#FFFEDF#33FFFF
- Banana Drama Triadic Color Scheme#F1D548#4EFFCD#D94FF5#FBE8A8#04D8B2
- Banana Frappé Triadic Color Scheme#DDD5B6#B4DCD3#CEBADA#F7F5ED#81C3B4
- Beekeeper Triadic Color Scheme#F6E491#89F5E3#EE99EE#FFF9E7#4EFFCD
- Beige Triadic Color Scheme#E6DAA6#A0E5D9#DDAAEE#FAF7EB#66D0C0
Questions
What colors go with Witch Hazel?
In a triadic scheme: Ancient Ice (#73FDFF), Ultra Pink (#F06FFF), Country Summer (#FFFBD7), Frozen State (#26F7FD).
What is the hex code of Witch Hazel?
#FBF073.