Cross My Heart Complementary Color Scheme
Five colors arranged by the complementary rule around Cross My Heart (#AD2A2D), each snapped to its nearest named color.
#AD2A2D
#CD5C5C
#22AAAA
#1F7073
#65DCD6
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cross My Heart | #AD2A2D | 173, 42, 45 | 359°, 61%, 42% | 0, 76, 74, 32 | |
| Common Chestnut | #CD5C5C | 205, 92, 92 | 0°, 53%, 58% | 0, 55, 55, 20 | |
| Blue Island | #22AAAA | 34, 170, 170 | 180°, 67%, 40% | 80, 0, 0, 33 | |
| Marine Wonder | #1F7073 | 31, 112, 115 | 182°, 58%, 29% | 73, 3, 0, 55 | |
| Hammam Blue | #65DCD6 | 101, 220, 214 | 177°, 63%, 63% | 54, 0, 3, 14 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #AD2A2D on #65DCD6 | 4.06:1 | AA large |
| Aa #1F7073 on #65DCD6 | 3.52:1 | AA large |
| Aa #CD5C5C on #65DCD6 | 2.42:1 | — |
| Aa #AD2A2D on #22AAAA | 2.35:1 | — |
| Aa #22AAAA on #1F7073 | 2.04:1 | — |
| Aa #22AAAA on #65DCD6 | 1.72:1 | — |
CSS variables
:root {
--color-1: #ad2a2d; /* Cross My Heart */
--color-2: #cd5c5c; /* Common Chestnut */
--color-3: #22aaaa; /* Blue Island */
--color-4: #1f7073; /* Marine Wonder */
--color-5: #65dcd6; /* Hammam Blue */
}Other schemes from Cross My Heart
- Cross My Heart Analogous Color Scheme#A328B3#A82A70#AD2A2D#A96A28#B0AE26
- Cross My Heart Triadic Color Scheme#AD2A2D#2BA727#2138AB#D46362#116611
- Cross My Heart Split-complementary Color Scheme#AD2A2D#2BAE66#2B6DAA#701C1C#5CCD97
- Cross My Heart Tetradic Color Scheme#AD2A2D#6AAE2E#22AAAA#6225B8#D46362
- Cross My Heart Monochromatic Color Scheme#331111#701C1C#AD2A2D#D34D4D#E78B90
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 Cross My Heart?
In a complementary scheme: Common Chestnut (#CD5C5C), Blue Island (#22AAAA), Marine Wonder (#1F7073), Hammam Blue (#65DCD6).
What is the hex code of Cross My Heart?
#AD2A2D.