Salmon (CSS) Complementary Color Scheme
Five colors arranged by the complementary rule around Salmon (CSS) (#FA8072), each snapped to its nearest named color.
#FA8072
#FFCECB
#6DEDFD
#22EEFF
#D7FEFE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Salmon (CSS) | #FA8072 | 250, 128, 114 | 6°, 93%, 71% | 0, 49, 54, 2 | 73.5% 0.152 28 | |
| Aromatic Breeze | #FFCECB | 255, 206, 203 | 3°, 100%, 90% | 0, 19, 20, 0 | 89.3% 0.056 22 | |
| Robin’s Egg | #6DEDFD | 109, 237, 253 | 187°, 97%, 71% | 57, 6, 0, 1 | 88.0% 0.115 206 | |
| Sparky Blue | #22EEFF | 34, 238, 255 | 185°, 100%, 57% | 87, 7, 0, 0 | 86.7% 0.144 204 | |
| Salt Mountain | #D7FEFE | 215, 254, 254 | 180°, 95%, 92% | 15, 0, 0, 0 | 97.0% 0.040 197 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FA8072 on #D7FEFE | 2.32:1 | — |
| Aa #FA8072 on #6DEDFD | 1.81:1 | — |
| Aa #FA8072 on #FFCECB | 1.78:1 | — |
| Aa #FA8072 on #22EEFF | 1.76:1 | — |
| Aa #22EEFF on #D7FEFE | 1.32:1 | — |
| Aa #FFCECB on #D7FEFE | 1.30:1 | — |
CSS variables
:root {
--color-1: #fa8072; /* Salmon (CSS) */
--color-2: #ffcecb; /* Aromatic Breeze */
--color-3: #6dedfd; /* Robin’s Egg */
--color-4: #22eeff; /* Sparky Blue */
--color-5: #d7fefe; /* Salt Mountain */
}Other schemes from Salmon (CSS)
- Salmon (CSS) Analogous Color Scheme#FF77EE#F970AC#FA8072#F8C275#ECF474
- Salmon (CSS) Triadic Color Scheme#FA8072#64E986#8273FD#FDD8D4#26FF2A
- Salmon (CSS) Split-complementary Color Scheme#FA8072#7BFDC7#77AAFF#FF3A2D#B8FFEB
- Salmon (CSS) Tetradic Color Scheme#FA8072#A9F971#6DEDFD#C071FE#FDD8D4
- Salmon (CSS) Monochromatic Color Scheme#C01B0C#FF3A2D#FA8072#FFC4BC#FDEAE6
More light red complementary color schemes
- 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 Salmon (CSS)?
In a complementary scheme: Aromatic Breeze (#FFCECB), Robin’s Egg (#6DEDFD), Sparky Blue (#22EEFF), Salt Mountain (#D7FEFE).
What is the hex code of Salmon (CSS)?
#FA8072.