Salmon (CSS) Tetradic Color Scheme
Five colors arranged by the tetradic rule around Salmon (CSS) (#FA8072), each snapped to its nearest named color.
#FA8072
#A9F971
#6DEDFD
#C071FE
#FDD8D4
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 | |
| Lima | #A9F971 | 169, 249, 113 | 95°, 92%, 71% | 32, 0, 55, 2 | 90.2% 0.187 134 | |
| Robin’s Egg | #6DEDFD | 109, 237, 253 | 187°, 97%, 71% | 57, 6, 0, 1 | 88.0% 0.115 206 | |
| Easter Purple | #C071FE | 192, 113, 254 | 274°, 99%, 72% | 24, 56, 0, 0 | 69.4% 0.208 308 | |
| Go Go Pink | #FDD8D4 | 253, 216, 212 | 6°, 91%, 91% | 0, 15, 16, 1 | 91.2% 0.042 25 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A9F971 on #C071FE | 2.34:1 | — |
| Aa #C071FE on #FDD8D4 | 2.27:1 | — |
| Aa #6DEDFD on #C071FE | 2.16:1 | — |
| Aa #FA8072 on #A9F971 | 1.96:1 | — |
| Aa #FA8072 on #FDD8D4 | 1.90:1 | — |
| Aa #FA8072 on #6DEDFD | 1.81:1 | — |
CSS variables
:root {
--color-1: #fa8072; /* Salmon (CSS) */
--color-2: #a9f971; /* Lima */
--color-3: #6dedfd; /* Robin’s Egg */
--color-4: #c071fe; /* Easter Purple */
--color-5: #fdd8d4; /* Go Go Pink */
}Other schemes from Salmon (CSS)
- Salmon (CSS) Complementary Color Scheme#FA8072#FFCECB#6DEDFD#22EEFF#D7FEFE
- 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) Monochromatic Color Scheme#C01B0C#FF3A2D#FA8072#FFC4BC#FDEAE6
More light red tetradic color schemes
- Amour Tetradic Color Scheme#EE5851#9CEF43#45E9FD#AA55EE#F5B1AA
- Angry Flamingo Tetradic Color Scheme#F04E45#9CEF43#45E9FD#AB46EC#F9A7A4
- Anime Blush Tetradic Color Scheme#FF7A83#CCFD7F#73FDFF#A675FE#FFE4E1
- Aphrodisiac Tetradic Color Scheme#E35A63#B2EC5D#5EE7DF#9457EB#F1B3B6
- Babe Tetradic Color Scheme#DC7B7C#AFD77F#78D8D9#B57EDC#F1CBCD
- Begonia Tetradic Color Scheme#FA6E79#BEFD73#66EEEE#B36FF6#FDD0D5
- Berrylicious Tetradic Color Scheme#D75E6C#ABD35D#55DDCC#9955CC#ECB2B3
- Bite My Tongue Tetradic Color Scheme#D47D72#9CD572#71CBD2#B56EDC#ECC5C0
- Blood Burst Tetradic Color Scheme#FF474C#A6FD44#41FDFE#9955FF#FFB0AC
- Blush Bomb Tetradic Color Scheme#DD99AA#CCDD99#99DDCC#B19CD9#F5E6EA
- Blush Hour Tetradic Color Scheme#FF6F91#D4FB79#73FCD6#9878F8#FFD6DD
- Boho Blush Tetradic Color Scheme#E58787#BBEE88#96E2E1#BF8FE5#F8DCDB
Questions
What colors go with Salmon (CSS)?
In a tetradic scheme: Lima (#A9F971), Robin’s Egg (#6DEDFD), Easter Purple (#C071FE), Go Go Pink (#FDD8D4).
What is the hex code of Salmon (CSS)?
#FA8072.