Golden Boy Triadic Color Scheme
Five colors arranged by the triadic rule around Golden Boy (#FFDD44), each snapped to its nearest named color.
#FFDD44
#4EFFCD
#DD44FF
#FFEEAA
#01F9C6
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Golden Boy | #FFDD44 | 255, 221, 68 | 49°, 100%, 63% | 0, 13, 73, 0 | |
| Move Mint | #4EFFCD | 78, 255, 205 | 163°, 100%, 65% | 69, 0, 20, 0 | |
| Geisha Pink | #DD44FF | 221, 68, 255 | 289°, 100%, 63% | 13, 73, 0, 0 | |
| Transparent Yellow | #FFEEAA | 255, 238, 170 | 48°, 100%, 83% | 0, 7, 33, 0 | |
| Bright Teal | #01F9C6 | 1, 249, 198 | 168°, 99%, 49% | 100, 0, 20, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DD44FF on #FFEEAA | 2.85:1 | — |
| Aa #4EFFCD on #DD44FF | 2.60:1 | — |
| Aa #FFDD44 on #DD44FF | 2.47:1 | — |
| Aa #DD44FF on #01F9C6 | 2.42:1 | — |
| Aa #FFEEAA on #01F9C6 | 1.18:1 | — |
| Aa #FFDD44 on #FFEEAA | 1.15:1 | — |
CSS variables
:root {
--color-1: #ffdd44; /* Golden Boy */
--color-2: #4effcd; /* Move Mint */
--color-3: #dd44ff; /* Geisha Pink */
--color-4: #ffeeaa; /* Transparent Yellow */
--color-5: #01f9c6; /* Bright Teal */
}Other schemes from Golden Boy
- Golden Boy Complementary Color Scheme#FFDD44#FFEDA2#4466FF#0033EE#A2BFFE
- Golden Boy Analogous Color Scheme#FF4466#FF8243#FFDD44#CDFA56#66FF55
- Golden Boy Split-complementary Color Scheme#FFDD44#44CCFF#8844FF#F4C701#98DCFF
- Golden Boy Tetradic Color Scheme#FFDD44#58F898#4466FF#FF48D0#FFEEAA
- Golden Boy Monochromatic Color Scheme#A88905#F4C701#FFDD44#FBE98E#FFF9DD
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 Golden Boy?
In a triadic scheme: Move Mint (#4EFFCD), Geisha Pink (#DD44FF), Transparent Yellow (#FFEEAA), Bright Teal (#01F9C6).
What is the hex code of Golden Boy?
#FFDD44.