Lox Complementary Color Scheme
Five colors arranged by the complementary rule around Lox (#EC9079), each snapped to its nearest named color.
#EC9079
#F9D5C9
#7ED4E6
#37C4FA
#D4F1F9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Lox | #EC9079 | 236, 144, 121 | 12°, 75%, 70% | 0, 39, 49, 7 | |
| Deco Shell | #F9D5C9 | 249, 213, 201 | 15°, 80%, 88% | 0, 14, 19, 2 | |
| Middle Blue | #7ED4E6 | 126, 212, 230 | 190°, 68%, 70% | 45, 8, 0, 10 | |
| Shovel Knight | #37C4FA | 55, 196, 250 | 197°, 95%, 60% | 78, 22, 0, 2 | |
| Water | #D4F1F9 | 212, 241, 249 | 193°, 76%, 90% | 15, 3, 0, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EC9079 on #D4F1F9 | 2.01:1 | — |
| Aa #EC9079 on #F9D5C9 | 1.74:1 | — |
| Aa #37C4FA on #D4F1F9 | 1.70:1 | — |
| Aa #F9D5C9 on #37C4FA | 1.47:1 | — |
| Aa #7ED4E6 on #D4F1F9 | 1.43:1 | — |
| Aa #EC9079 on #7ED4E6 | 1.41:1 | — |
CSS variables
:root {
--color-1: #ec9079; /* Lox */
--color-2: #f9d5c9; /* Deco Shell */
--color-3: #7ed4e6; /* Middle Blue */
--color-4: #37c4fa; /* Shovel Knight */
--color-5: #d4f1f9; /* Water */
}Other schemes from Lox
- Lox Analogous Color Scheme#FF6EC7#ED7A9E#EC9079#EECC77#DAEA6F
- Lox Triadic Color Scheme#EC9079#7BE892#9878F8#F9D9D2#2DFE54
- Lox Split-complementary Color Scheme#EC9079#7EF4CC#6495ED#E15835#B8FFEB
- Lox Tetradic Color Scheme#EC9079#9AE37D#7ED4E6#CC77EE#F9D9D2
- Lox Monochromatic Color Scheme#B13916#E15835#EC9079#F5C8BB#FCEBEB
More Light Red complementary palettes
- Amour Complementary Color Scheme#EE5851#F9A7A4#45E9FD#11DDDD#B2F8F8
- Angry Flamingo Complementary Color Scheme#F04E45#FB9F93#45E9FD#09CDCD#A4F4F9
- Anime Blush Complementary Color Scheme#FF7A83#FDD7D8#73FDFF#33FFFF#E0FEFE
- Aphrodisiac Complementary Color Scheme#E35A63#EDAAAC#5EE7DF#22CCCC#AFEEEE
- Babe Complementary Color Scheme#DC7B7C#EDC3C5#78D8D9#3DCFC2#CEEEEF
- Begonia Complementary Color Scheme#FA6E79#FDC8CD#66EEEE#26F7FD#D0FEFE
- Berrylicious Complementary Color Scheme#D75E6C#E6A7AC#55DDCC#2CBAA3#B0EEE2
- Bite My Tongue Complementary Color Scheme#D47D72#EBBDB8#71CBD2#30AABC#C0E7EB
- Blood Burst Complementary Color Scheme#FF474C#FEA5A2#41FDFE#00FFEF#ACFFFC
- Blush Bomb Complementary Color Scheme#DD99AA#F5DEE2#99DDCC#66CDAA#E2F7F1
- Blush Hour Complementary Color Scheme#FF6F91#FFC9D7#73FCD6#32FFDC#D8FFF3
- Boho Blush Complementary Color Scheme#E58787#F6D2D4#96E2E1#48D1CC#D7F5F6
Questions
What colors go with Lox?
In a complementary scheme: Deco Shell (#F9D5C9), Middle Blue (#7ED4E6), Shovel Knight (#37C4FA), Water (#D4F1F9).
What is the hex code of Lox?
#EC9079.