Royal Star Complementary Color Scheme
Five colors arranged by the complementary rule around Royal Star (#FEDE4F), each snapped to its nearest named color.
#FEDE4F
#FFEEAA
#5566FF
#0433FF
#AACCFF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Royal Star | #FEDE4F | 254, 222, 79 | 49°, 99%, 65% | 0, 13, 69, 0 | |
| Transparent Yellow | #FFEEAA | 255, 238, 170 | 48°, 100%, 83% | 0, 7, 33, 0 | |
| Blue Heath Butterfly | #5566FF | 85, 102, 255 | 234°, 100%, 67% | 67, 60, 0, 0 | |
| Nightly Escapade | #0433FF | 4, 51, 255 | 229°, 100%, 51% | 98, 80, 0, 0 | |
| Night Snow | #AACCFF | 170, 204, 255 | 216°, 100%, 83% | 33, 20, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFEEAA on #0433FF | 6.18:1 | AA |
| Aa #FEDE4F on #0433FF | 5.40:1 | AA |
| Aa #0433FF on #AACCFF | 4.38:1 | AA large |
| Aa #FFEEAA on #5566FF | 3.82:1 | AA large |
| Aa #FEDE4F on #5566FF | 3.33:1 | AA large |
| Aa #5566FF on #AACCFF | 2.70:1 | — |
CSS variables
:root {
--color-1: #fede4f; /* Royal Star */
--color-2: #ffeeaa; /* Transparent Yellow */
--color-3: #5566ff; /* Blue Heath Butterfly */
--color-4: #0433ff; /* Nightly Escapade */
--color-5: #aaccff; /* Night Snow */
}Other schemes from Royal Star
- Royal Star Analogous Color Scheme#FF5470#FF8552#FEDE4F#CDFA56#66FF55
- Royal Star Triadic Color Scheme#FEDE4F#4EFFCD#DD55FF#FFF0B5#00FFCC
- Royal Star Split-complementary Color Scheme#FEDE4F#44CCFF#8855FF#FFD100#9BDDFF
- Royal Star Tetradic Color Scheme#FEDE4F#58F898#5566FF#FF55CC#FFF0B5
- Royal Star Monochromatic Color Scheme#B79400#FFD100#FEDE4F#FEED9A#FFFAE5
More Light Yellow complementary palettes
- Alligator Alley Complementary Color Scheme#C5D17B#E6E6BC#8878C3#5946B2#CEC8EF
- Ancient Treasure Complementary Color Scheme#E7D082#F7EECF#8F8CE7#4B62D2#DBDBF7
- Animal Kingdom Complementary Color Scheme#BCC09E#E4E4D5#A09BC6#776EA2#DCDDE7
- Anna Banana Complementary Color Scheme#F5D547#FCE99F#4166F5#0033EE#A2BFFE
- April Showers Complementary Color Scheme#DADEB5#F6F7ED#B3B4DD#8980C1#EBECF5
- Ash Complementary Color Scheme#BEBAA7#E8E5D8#9EA5C3#6B7BA7#DEE1ED
- Aurora Complementary Color Scheme#EBD147#F1E798#4466EE#0033CC#A3B1F2
- Banana Complementary Color Scheme#FFFC79#FFFFD4#7777FF#3A2EFE#D6EAFC
- Banana Drama Complementary Color Scheme#F1D548#F8EC9E#4466EE#0033DD#A3B1F2
- Banana Frappé Complementary Color Scheme#DDD5B6#F7F5ED#B8BFDC#8491C3#EDF2F8
- Beekeeper Complementary Color Scheme#F6E491#FFF9E7#9BA0EF#4466EE#E8EEFE
- Beige Complementary Color Scheme#E6DAA6#FAF7EB#ACACE6#7777CC#E8EFF8
Questions
What colors go with Royal Star?
In a complementary scheme: Transparent Yellow (#FFEEAA), Blue Heath Butterfly (#5566FF), Nightly Escapade (#0433FF), Night Snow (#AACCFF).
What is the hex code of Royal Star?
#FEDE4F.