Sriracha Complementary Color Scheme
Five colors arranged by the complementary rule around Sriracha (#F56961), each snapped to its nearest named color.
#F56961
#F9BAB5
#66EEEE
#11EEEE
#C6FCFF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sriracha | #F56961 | 245, 105, 97 | 3°, 88%, 67% | 0, 57, 60, 4 | |
| Peach Whisper | #F9BAB5 | 249, 186, 181 | 4°, 85%, 84% | 0, 25, 27, 2 | |
| Poseidon Jr. | #66EEEE | 102, 238, 238 | 180°, 80%, 67% | 57, 0, 0, 7 | |
| Phosphorescent Blue | #11EEEE | 17, 238, 238 | 180°, 87%, 50% | 93, 0, 0, 7 | |
| Thin Air | #C6FCFF | 198, 252, 255 | 183°, 100%, 89% | 22, 1, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F56961 on #C6FCFF | 2.65:1 | — |
| Aa #F56961 on #66EEEE | 2.12:1 | — |
| Aa #F56961 on #11EEEE | 2.05:1 | — |
| Aa #F56961 on #F9BAB5 | 1.80:1 | — |
| Aa #F9BAB5 on #C6FCFF | 1.48:1 | — |
| Aa #11EEEE on #C6FCFF | 1.30:1 | — |
CSS variables
:root {
--color-1: #f56961; /* Sriracha */
--color-2: #f9bab5; /* Peach Whisper */
--color-3: #66eeee; /* Poseidon Jr. */
--color-4: #11eeee; /* Phosphorescent Blue */
--color-5: #c6fcff; /* Thin Air */
}Other schemes from Sriracha
- Sriracha Analogous Color Scheme#EE66EE#EE66AA#F56961#F6B265#EEEE66
- Sriracha Triadic Color Scheme#F56961#64EB65#6666EE#F8C4C5#16F12D
- Sriracha Split-complementary Color Scheme#F56961#63F7B4#77AAFF#F62217#A5FBD5
- Sriracha Tetradic Color Scheme#F56961#B1FF65#66EEEE#AA66FF#F8C4C5
- Sriracha Monochromatic Color Scheme#B21807#F62217#F56961#F8AFA9#FBE7E6
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 Sriracha?
In a complementary scheme: Peach Whisper (#F9BAB5), Poseidon Jr. (#66EEEE), Phosphorescent Blue (#11EEEE), Thin Air (#C6FCFF).
What is the hex code of Sriracha?
#F56961.