Salmon (CSS) Triadic Color Scheme
Five colors arranged by the triadic rule around Salmon (CSS) (#FA8072), each snapped to its nearest named color.
#FA8072
#64E986
#8273FD
#FDD8D4
#26FF2A
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 | |
| Grotesque Green | #64E986 | 100, 233, 134 | 135°, 75%, 65% | 57, 0, 42, 9 | 83.6% 0.181 149 | |
| Bainganī | #8273FD | 130, 115, 253 | 247°, 97%, 72% | 49, 55, 0, 1 | 63.9% 0.198 284 | |
| Go Go Pink | #FDD8D4 | 253, 216, 212 | 6°, 91%, 91% | 0, 15, 16, 1 | 91.2% 0.042 25 | |
| Electric Laser Lime | #26FF2A | 38, 255, 42 | 121°, 100%, 57% | 85, 0, 84, 0 | 87.0% 0.284 143 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8273FD on #FDD8D4 | 2.74:1 | — |
| Aa #8273FD on #26FF2A | 2.65:1 | — |
| Aa #64E986 on #8273FD | 2.33:1 | — |
| Aa #FA8072 on #FDD8D4 | 1.90:1 | — |
| Aa #FA8072 on #26FF2A | 1.84:1 | — |
| Aa #FA8072 on #64E986 | 1.61:1 | — |
CSS variables
:root {
--color-1: #fa8072; /* Salmon (CSS) */
--color-2: #64e986; /* Grotesque Green */
--color-3: #8273fd; /* Bainganī */
--color-4: #fdd8d4; /* Go Go Pink */
--color-5: #26ff2a; /* Electric Laser Lime */
}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) 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 triadic color schemes
- Amour Triadic Color Scheme#EE5851#43E85F#524EFB#F5B1AA#0ADD08
- Angry Flamingo Triadic Color Scheme#F04E45#4EFD54#4B4CFC#F9A7A4#00CC11
- Anime Blush Triadic Color Scheme#FF7A83#8CFD7E#7A81FF#FFE4E1#33FF22
- Aphrodisiac Triadic Color Scheme#E35A63#70F15E#5260E1#F1B3B6#24D427
- Babe Triadic Color Scheme#DC7B7C#77DD77#7777CC#F1CBCD#5AD33E
- Begonia Triadic Color Scheme#FA6E79#77FF66#6A79F7#FDD0D5#33FF22
- Berrylicious Triadic Color Scheme#D75E6C#69D84F#5170D7#ECB2B3#34B334
- Bite My Tongue Triadic Color Scheme#D47D72#6CCC7B#7777CC#ECC5C0#3EB753
- Blood Burst Triadic Color Scheme#FF474C#4EFD54#4C4DFF#FFB0AC#00F900
- Blush Bomb Triadic Color Scheme#DD99AA#A9D99C#9BACD8#F5E6EA#74C365
- Blush Hour Triadic Color Scheme#FF6F91#96F97B#6888FC#FFD6DD#55FF22
- Boho Blush Triadic Color Scheme#E58787#94E089#8F8CE7#F8DCDB#58D854
Questions
What colors go with Salmon (CSS)?
In a triadic scheme: Grotesque Green (#64E986), Bainganī (#8273FD), Go Go Pink (#FDD8D4), Electric Laser Lime (#26FF2A).
What is the hex code of Salmon (CSS)?
#FA8072.