Indian Red (CSS) Complementary Color Scheme
Five colors arranged by the complementary rule around Indian Red (CSS) (#CD5C5C), each snapped to its nearest named color.
#CD5C5C
#E5A1A0
#5CCBC7
#34ACB1
#AFE4E2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Indian Red (CSS) | #CD5C5C | 205, 92, 92 | 0°, 53%, 58% | 0, 55, 55, 20 | 61.5% 0.144 22 | |
| Bussell Lace | #E5A1A0 | 229, 161, 160 | 1°, 57%, 76% | 0, 30, 30, 10 | 77.4% 0.081 20 | |
| Setting Sail | #5CCBC7 | 92, 203, 199 | 178°, 52%, 58% | 55, 0, 2, 20 | 77.7% 0.101 192 | |
| Pluto | #34ACB1 | 52, 172, 177 | 182°, 55%, 45% | 71, 3, 0, 31 | 68.2% 0.103 199 | |
| Timeless Seafoam | #AFE4E2 | 175, 228, 226 | 178°, 50%, 79% | 23, 0, 1, 11 | 88.2% 0.054 193 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CD5C5C on #AFE4E2 | 2.84:1 | — |
| Aa #CD5C5C on #5CCBC7 | 2.05:1 | — |
| Aa #34ACB1 on #AFE4E2 | 1.96:1 | — |
| Aa #CD5C5C on #E5A1A0 | 1.88:1 | — |
| Aa #E5A1A0 on #AFE4E2 | 1.51:1 | — |
| Aa #CD5C5C on #34ACB1 | 1.45:1 | — |
CSS variables
:root {
--color-1: #cd5c5c; /* Indian Red (CSS) */
--color-2: #e5a1a0; /* Bussell Lace */
--color-3: #5ccbc7; /* Setting Sail */
--color-4: #34acb1; /* Pluto */
--color-5: #afe4e2; /* Timeless Seafoam */
}Other schemes from Indian Red (CSS)
- Indian Red (CSS) Analogous Color Scheme#DD55CC#CE5E9A#CD5C5C#CA955C#D2D25A
- Indian Red (CSS) Triadic Color Scheme#CD5C5C#58D854#5A4FCF#E6A7AC#34B334
- Indian Red (CSS) Split-complementary Color Scheme#CD5C5C#5CCD97#5C97CF#A93435#9BDCB9
- Indian Red (CSS) Tetradic Color Scheme#CD5C5C#9FC65E#5CCBC7#9955CC#E6A7AC
- Indian Red (CSS) Monochromatic Color Scheme#702425#A93435#CD5C5C#DD9999#EFD2D0
More medium red complementary color schemes
- 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 Indian Red (CSS)?
In a complementary scheme: Bussell Lace (#E5A1A0), Setting Sail (#5CCBC7), Pluto (#34ACB1), Timeless Seafoam (#AFE4E2).
What is the hex code of Indian Red (CSS)?
#CD5C5C.