Superstar Triadic Color Scheme
Five colors arranged by the triadic rule around Superstar (#FFCC11), each snapped to its nearest named color.
#FFCC11
#00FFCC
#CC11FF
#FFE078
#00CC99
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Superstar | #FFCC11 | 255, 204, 17 | 47°, 100%, 53% | 0, 20, 93, 0 | 86.5% 0.175 90 | |
| Plunge Pool | #00FFCC | 0, 255, 204 | 168°, 100%, 50% | 100, 0, 20, 0 | 89.0% 0.174 171 | |
| Sparkling Purple | #CC11FF | 204, 17, 255 | 287°, 100%, 53% | 20, 93, 0, 0 | 63.0% 0.303 316 | |
| Summer Daffodil | #FFE078 | 255, 224, 120 | 46°, 100%, 74% | 0, 12, 53, 0 | 91.2% 0.128 93 | |
| Caribbean Green | #00CC99 | 0, 204, 153 | 165°, 100%, 40% | 100, 0, 25, 20 | 75.0% 0.154 167 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CC11FF on #FFE078 | 3.18:1 | AA large |
| Aa #00FFCC on #CC11FF | 3.18:1 | AA large |
| Aa #FFCC11 on #CC11FF | 2.73:1 | — |
| Aa #CC11FF on #00CC99 | 1.98:1 | — |
| Aa #FFE078 on #00CC99 | 1.60:1 | — |
| Aa #00FFCC on #00CC99 | 1.60:1 | — |
CSS variables
:root {
--color-1: #ffcc11; /* Superstar */
--color-2: #00ffcc; /* Plunge Pool */
--color-3: #cc11ff; /* Sparkling Purple */
--color-4: #ffe078; /* Summer Daffodil */
--color-5: #00cc99; /* Caribbean Green */
}Other schemes from Superstar
- Superstar Complementary Color Scheme#FFCC11#FFE36D#0247FE#0022CC#6888FC
- Superstar Analogous Color Scheme#FF1144#FF5511#FFCC11#BBF90F#40FD14
- Superstar Split-complementary Color Scheme#FFCC11#16B8F3#5218FA#C69C04#4CD5FF
- Superstar Tetradic Color Scheme#FFCC11#00FF55#0247FE#FF1CAE#FFE078
- Superstar Monochromatic Color Scheme#7A5901#C69C04#FFCC11#FDDC5C#FFEEAA
More medium yellow triadic color schemes
- A Frond in Need Triadic Color Scheme#9F9978#72A49F#9C6DA5#CECBAE#497F73
- Amazon Queen Triadic Color Scheme#948F54#52928D#8B4F90#BDB98F#3C6461
- Angel’s Trumpet Triadic Color Scheme#F6DD34#3AFDDB#DD33FF#F8EB97#04D8B2
- Antique Triadic Color Scheme#8B846D#5E9B8A#875F9A#C2B99D#446B61
- Backroom Ember Triadic Color Scheme#A19250#53A391#9A4EAE#C3BC90#376D64
- Bamboo Forest Triadic Color Scheme#B1A979#79AFAD#AB7CB4#D7D2B8#538B89
- Banana Bandanna Triadic Color Scheme#F8F739#33FFFF#FF33FF#FCFC9D#11DDDD
- Banana Bombshell Triadic Color Scheme#F7E82E#26F7FD#ED24ED#F6F493#09CDCD
- Banana Brick Triadic Color Scheme#E8D82C#25E2CD#DD33FF#F2E887#0AAFA4
- Banana Flash Triadic Color Scheme#EEFE02#00EEFF#FF08E8#F1FF62#01A7B2
- Banana King Triadic Color Scheme#FFFB08#0FFEF9#FF09FF#FFFE71#00B5B8
- Banana Pepper Triadic Color Scheme#FDD630#32FFDC#DD33FF#FFE696#00DEAD
Questions
What colors go with Superstar?
In a triadic scheme: Plunge Pool (#00FFCC), Sparkling Purple (#CC11FF), Summer Daffodil (#FFE078), Caribbean Green (#00CC99).
What is the hex code of Superstar?
#FFCC11.