Star Triadic Color Scheme
Five colors arranged by the triadic rule around Star (#FFE500), each snapped to its nearest named color.
#FFE500
#00FFE5
#EE00FF
#FFEE66
#0AAFA4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Star | #FFE500 | 255, 229, 0 | 54°, 100%, 50% | 0, 10, 100, 0 | |
| Vibrant Mint | #00FFE5 | 0, 255, 229 | 174°, 100%, 50% | 100, 0, 10, 0 | |
| Brusque Pink | #EE00FF | 238, 0, 255 | 296°, 100%, 50% | 7, 100, 0, 0 | |
| Caduceus Gold | #FFEE66 | 255, 238, 102 | 53°, 100%, 70% | 0, 7, 60, 0 | |
| Cozumel | #0AAFA4 | 10, 175, 164 | 176°, 89%, 36% | 94, 0, 6, 31 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EE00FF on #FFEE66 | 2.91:1 | — |
| Aa #FFE500 on #EE00FF | 2.71:1 | — |
| Aa #00FFE5 on #EE00FF | 2.70:1 | — |
| Aa #FFEE66 on #0AAFA4 | 2.30:1 | — |
| Aa #FFE500 on #0AAFA4 | 2.14:1 | — |
| Aa #00FFE5 on #0AAFA4 | 2.14:1 | — |
CSS variables
:root {
--color-1: #ffe500; /* Star */
--color-2: #00ffe5; /* Vibrant Mint */
--color-3: #ee00ff; /* Brusque Pink */
--color-4: #ffee66; /* Caduceus Gold */
--color-5: #0aafa4; /* Cozumel */
}Other schemes from Star
- Star Complementary Color Scheme#FFE500#FBEC5D#021BF9#0011BB#6A79F7
- Star Analogous Color Scheme#FF0015#FF6600#FFE500#96FF00#1BFC06
- Star Split-complementary Color Scheme#FFE500#0099FF#6600FF#BAA600#55BBFF
- Star Tetradic Color Scheme#FFE500#00FF77#021BF9#FF0099#FFEE66
- Star Monochromatic Color Scheme#665500#BAA600#FFE500#FBEB50#FFF39A
More Medium Yellow triadic palettes
- 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 Star?
In a triadic scheme: Vibrant Mint (#00FFE5), Brusque Pink (#EE00FF), Caduceus Gold (#FFEE66), Cozumel (#0AAFA4).
What is the hex code of Star?
#FFE500.