In the Red Complementary Color Scheme
Five colors arranged by the complementary rule around In the Red (#FF2233), each snapped to its nearest named color.
#FF2233
#FF7A83
#22FFFF
#00CCCC
#88FFEE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| In the Red | #FF2233 | 255, 34, 51 | 355°, 100%, 57% | 0, 87, 80, 0 | |
| Anime Blush | #FF7A83 | 255, 122, 131 | 356°, 100%, 74% | 0, 52, 49, 0 | |
| Crisp Cyan | #22FFFF | 34, 255, 255 | 180°, 100%, 57% | 87, 0, 0, 0 | |
| Tilla Kari Mosque | #00CCCC | 0, 204, 204 | 180°, 100%, 40% | 100, 0, 0, 20 | |
| Defence Matrix | #88FFEE | 136, 255, 238 | 171°, 100%, 77% | 47, 0, 7, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF2233 on #88FFEE | 3.18:1 | AA large |
| Aa #FF2233 on #22FFFF | 3.04:1 | AA large |
| Aa #FF7A83 on #88FFEE | 2.10:1 | — |
| Aa #FF7A83 on #22FFFF | 2.01:1 | — |
| Aa #FF2233 on #00CCCC | 1.90:1 | — |
| Aa #00CCCC on #88FFEE | 1.67:1 | — |
CSS variables
:root {
--color-1: #ff2233; /* In the Red */
--color-2: #ff7a83; /* Anime Blush */
--color-3: #22ffff; /* Crisp Cyan */
--color-4: #00cccc; /* Tilla Kari Mosque */
--color-5: #88ffee; /* Defence Matrix */
}Other schemes from In the Red
- In the Red Analogous Color Scheme#FF22FF#FE28A2#FF2233#FC8427#FFEE22
- In the Red Triadic Color Scheme#FF2233#33FF22#3A2EFE#FF878D#11CC00
- In the Red Split-complementary Color Scheme#FF2233#20F986#30A9FF#CC0011#76FDA8
- In the Red Tetradic Color Scheme#FF2233#ADFF2F#22FFFF#8020FF#FF878D
- In the Red Monochromatic Color Scheme#8A0009#CC0011#FF2233#FA6E79#FDBAC4
More Medium Red complementary palettes
- 100 Mph Complementary Color Scheme#C93F38#D98580#3DCFC2#2B888D#88DDDD
- Alarm Complementary Color Scheme#EC0003#FF474C#00EEEE#00A29E#55FFFF
- Amaretto Complementary Color Scheme#AB6F60#CDA59C#6299AA#45747E#A7C5CE
- Amore Complementary Color Scheme#AE2F48#CF6275#25AE8E#1C6B69#73D4C2
- Anarchist Complementary Color Scheme#DB304A#E27E8A#2DDFC1#1BA590#87E0CF
- Angry Tomato Complementary Color Scheme#D82029#EC6D71#22CCCC#1A9597#6FEBE3
- Annatto Complementary Color Scheme#8C5341#BA816E#41788A#2A4B5A#75AEBD
- Apple Cherry Complementary Color Scheme#F81404#F7665A#00EBFF#05A3AD#6DEDFD
- Arcade Fire Complementary Color Scheme#EE3311#F47869#00CCEE#008CA9#6DEDFD
- Assassin’s Red Complementary Color Scheme#F60206#FF5555#01F1F1#00AAAA#65FFFF
- Autumn Fire Complementary Color Scheme#C44E4F#D99294#53C2C3#2B9890#9ADEDB
- Bacon Strips Complementary Color Scheme#DF3F32#E28980#30D5C8#189FAC#88EEEE
Questions
What colors go with In the Red?
In a complementary scheme: Anime Blush (#FF7A83), Crisp Cyan (#22FFFF), Tilla Kari Mosque (#00CCCC), Defence Matrix (#88FFEE).
What is the hex code of In the Red?
#FF2233.