Crimson Complementary Color Scheme
Five colors arranged by the complementary rule around Crimson (#DC143C), each snapped to its nearest named color.
#DC143C
#EA5A79
#11DDAA
#0F9D76
#6FE7DB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Crimson | #DC143C | 220, 20, 60 | 348°, 83%, 47% | 0, 91, 73, 14 | 57.1% 0.222 20 | |
| Highlighter Pink | #EA5A79 | 234, 90, 121 | 347°, 77%, 64% | 0, 62, 48, 8 | 66.3% 0.179 10 | |
| Malted Mint Madness | #11DDAA | 17, 221, 170 | 165°, 86%, 47% | 92, 0, 23, 13 | 79.8% 0.159 168 | |
| Holly Green | #0F9D76 | 15, 157, 118 | 164°, 83%, 34% | 90, 0, 25, 38 | 61.9% 0.124 167 | |
| Turquoise Chalk | #6FE7DB | 111, 231, 219 | 174°, 71%, 67% | 52, 0, 5, 9 | 85.6% 0.110 187 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DC143C on #6FE7DB | 3.36:1 | AA large |
| Aa #DC143C on #11DDAA | 2.84:1 | — |
| Aa #0F9D76 on #6FE7DB | 2.31:1 | — |
| Aa #EA5A79 on #6FE7DB | 2.27:1 | — |
| Aa #11DDAA on #0F9D76 | 1.96:1 | — |
| Aa #EA5A79 on #11DDAA | 1.92:1 | — |
CSS variables
:root {
--color-1: #dc143c; /* Crimson */
--color-2: #ea5a79; /* Highlighter Pink */
--color-3: #11ddaa; /* Malted Mint Madness */
--color-4: #0f9d76; /* Holly Green */
--color-5: #6fe7db; /* Turquoise Chalk */
}Other schemes from Crimson
- Crimson Analogous Color Scheme#AD03DE#DD14AB#DC143C#DD5511#D8B411
- Crimson Triadic Color Scheme#DC143C#33CC00#0033DD#EE6688#229911
- Crimson Split-complementary Color Scheme#DC143C#11DD55#1DACD6#95122C#4CFF7B
- Crimson Tetradic Color Scheme#DC143C#A2DB10#11DDAA#5511DD#EE6688
- Crimson Monochromatic Color Scheme#520C17#95122C#DC143C#E94E6D#F091A9
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 Crimson?
In a complementary scheme: Highlighter Pink (#EA5A79), Malted Mint Madness (#11DDAA), Holly Green (#0F9D76), Turquoise Chalk (#6FE7DB).
What is the hex code of Crimson?
#DC143C.