Illuminating Analogous Color Scheme
Five colors arranged by the analogous rule around Illuminating (#EEEE77), each snapped to its nearest named color.
#EE7777
#EEB377
#EEEE77
#BEEB71
#73FA79
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Salmon Poké Bowl | #EE7777 | 238, 119, 119 | 0°, 78%, 70% | 0, 50, 50, 7 | |
| Arizona | #EEB377 | 238, 179, 119 | 30°, 78%, 70% | 0, 25, 50, 7 | |
| Illuminating | #EEEE77 | 238, 238, 119 | 60°, 78%, 70% | 0, 0, 50, 7 | |
| Pisco Sour | #BEEB71 | 190, 235, 113 | 82°, 75%, 68% | 19, 0, 52, 8 | |
| Flora | #73FA79 | 115, 250, 121 | 123°, 93%, 72% | 54, 0, 52, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EE7777 on #EEEE77 | 2.27:1 | — |
| Aa #EE7777 on #73FA79 | 2.08:1 | — |
| Aa #EE7777 on #BEEB71 | 2.03:1 | — |
| Aa #EEB377 on #EEEE77 | 1.51:1 | — |
| Aa #EE7777 on #EEB377 | 1.51:1 | — |
| Aa #EEB377 on #73FA79 | 1.38:1 | — |
CSS variables
:root {
--color-1: #ee7777; /* Salmon Poké Bowl */
--color-2: #eeb377; /* Arizona */
--color-3: #eeee77; /* Illuminating */
--color-4: #beeb71; /* Pisco Sour */
--color-5: #73fa79; /* Flora */
}Other schemes from Illuminating
- Illuminating Complementary Color Scheme#EEEE77#F7F7CB#7777EE#273BE2#CCD5FF
- Illuminating Triadic Color Scheme#EEEE77#77EEEE#F075E6#FAFAD2#22EEFF
- Illuminating Split-complementary Color Scheme#EEEE77#7CB9E8#B36FF6#EBE734#BBDAF8
- Illuminating Tetradic Color Scheme#EEEE77#77EEBB#7777EE#F771B3#FAFAD2
- Illuminating Monochromatic Color Scheme#BBBB11#EBE734#EEEE77#F7F3BD#FFFBE8
More Light Yellow analogous palettes
- Alligator Alley Analogous Color Scheme#D5877E#D2B17A#C5D17B#9DCA7B#78CF86
- Ancient Treasure Analogous Color Scheme#E9819A#E79E88#E7D082#C6EA80#94E089
- Animal Kingdom Analogous Color Scheme#C1A097#C4B49C#BCC09E#AAC69A#9FC5AA
- Anna Banana Analogous Color Scheme#EE4466#FA7F46#F5D547#A6FD44#66FF55
- April Showers Analogous Color Scheme#DFB7B4#DCCDB4#DADEB5#C5DCB3#B6DBBF
- Ash Analogous Color Scheme#CA9FA5#C6AC9F#BEBAA7#B8CA9D#AAC69A
- Aurora Analogous Color Scheme#EB4962#EB7E4D#EBD147#A7E142#70F15E
- Banana Analogous Color Scheme#FE7B7C#FFB978#FFFC79#BEFD73#77FF77
- Banana Drama Analogous Color Scheme#EB4962#EF8144#F1D548#A6FD44#66FF55
- Banana Frappé Analogous Color Scheme#DAB7BE#DDC3B6#DDD5B6#CFDDB9#BCDDB3
- Beekeeper Analogous Color Scheme#F590A0#F4B58F#F6E491#D8F19C#B1FC99
- Beige Analogous Color Scheme#E5A5B1#E8B9A5#E6DAA6#D9E6A6#B1E5AA
Questions
What colors go with Illuminating?
In a analogous scheme: Salmon Poké Bowl (#EE7777), Arizona (#EEB377), Pisco Sour (#BEEB71), Flora (#73FA79).
What is the hex code of Illuminating?
#EEEE77.