Salmon (CSS) Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Salmon (CSS) (#FA8072), each snapped to its nearest named color.
#C01B0C
#FF3A2D
#FA8072
#FFC4BC
#FDEAE6
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Crimson Sunset | #C01B0C | 192, 27, 12 | 5°, 88%, 40% | 0, 86, 94, 25 | 51.7% 0.199 30 | |
| Redshift | #FF3A2D | 255, 58, 45 | 4°, 100%, 59% | 0, 77, 82, 0 | 65.3% 0.233 29 | |
| Salmon (CSS) | #FA8072 | 250, 128, 114 | 6°, 93%, 71% | 0, 49, 54, 2 | 73.5% 0.152 28 | |
| Impatiens Pink | #FFC4BC | 255, 196, 188 | 7°, 100%, 87% | 0, 23, 26, 0 | 87.1% 0.069 27 | |
| Quartz Light Pink | #FDEAE6 | 253, 234, 230 | 10°, 85%, 95% | 0, 8, 9, 1 | 95.1% 0.021 32 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C01B0C on #FDEAE6 | 5.31:1 | AA |
| Aa #C01B0C on #FFC4BC | 4.08:1 | AA large |
| Aa #FF3A2D on #FDEAE6 | 3.07:1 | AA large |
| Aa #C01B0C on #FA8072 | 2.47:1 | — |
| Aa #FF3A2D on #FFC4BC | 2.35:1 | — |
| Aa #FA8072 on #FDEAE6 | 2.15:1 | — |
CSS variables
:root {
--color-1: #c01b0c; /* Crimson Sunset */
--color-2: #ff3a2d; /* Redshift */
--color-3: #fa8072; /* Salmon (CSS) */
--color-4: #ffc4bc; /* Impatiens Pink */
--color-5: #fdeae6; /* Quartz Light 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) Tetradic Color Scheme#FA8072#A9F971#6DEDFD#C071FE#FDD8D4
More light red monochromatic color schemes
- Amour Monochromatic Color Scheme#991111#DD180E#EE5851#F59997#FEDFDC
- Angry Flamingo Monochromatic Color Scheme#920F0E#DD180E#F04E45#F0908D#FBD6D2
- Anime Blush Monochromatic Color Scheme#E3000E#FF3333#FF7A83#FFC5CB#FFE6E7
- Aphrodisiac Monochromatic Color Scheme#92181D#D3212D#E35A63#E79EA6#F6DDDD
- Babe Monochromatic Color Scheme#932A25#D13B40#DC7B7C#ECB6B5#F9EAEB
- Begonia Monochromatic Color Scheme#C80815#FF2233#FA6E79#FFBBBB#FDE6E7
- Berrylicious Monochromatic Color Scheme#771C2B#B52F3A#D75E6C#E79EA6#F3D9DC
- Bite My Tongue Monochromatic Color Scheme#8A3324#BC4D39#D47D72#E3B5AD#F8EAE6
- Blood Burst Monochromatic Color Scheme#AB0102#F60206#FF474C#FC9293#FFE4E1
- Blush Bomb Monochromatic Color Scheme#A53756#C7607B#DD99AA#F1D3DA#F6EBEE
- Blush Hour Monochromatic Color Scheme#D60036#FF2255#FF6F91#FFBBCC#FFE5ED
- Boho Blush Monochromatic Color Scheme#AA262A#D3494E#E58787#F4C6C3#F9EAEA
Questions
What colors go with Salmon (CSS)?
In a monochromatic scheme: Crimson Sunset (#C01B0C), Redshift (#FF3A2D), Impatiens Pink (#FFC4BC), Quartz Light Pink (#FDEAE6).
What is the hex code of Salmon (CSS)?
#FA8072.