Cross My Heart Triadic Color Scheme
Five colors arranged by the triadic rule around Cross My Heart (#AD2A2D), each snapped to its nearest named color.
#AD2A2D
#2BA727
#2138AB
#D46362
#116611
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Cross My Heart | #AD2A2D | 173, 42, 45 | 359°, 61%, 42% | 0, 76, 74, 32 | 49.5% 0.167 25 | |
| Dry Highlighter Green | #2BA727 | 43, 167, 39 | 118°, 62%, 40% | 74, 0, 77, 35 | 63.8% 0.195 143 | |
| Yuè Guāng Lán Blue | #2138AB | 33, 56, 171 | 230°, 68%, 40% | 81, 67, 0, 33 | 40.7% 0.184 268 | |
| Happy Hearts | #D46362 | 212, 99, 98 | 1°, 57%, 61% | 0, 53, 54, 17 | 63.7% 0.143 22 | |
| Overgrown Temple | #116611 | 17, 102, 17 | 120°, 71%, 23% | 83, 0, 83, 60 | 44.5% 0.140 143 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #2BA727 on #2138AB | 3.00:1 | AA large |
| Aa #2138AB on #D46362 | 2.60:1 | — |
| Aa #2BA727 on #116611 | 2.27:1 | — |
| Aa #AD2A2D on #2BA727 | 2.12:1 | — |
| Aa #D46362 on #116611 | 1.96:1 | — |
| Aa #AD2A2D on #D46362 | 1.83:1 | — |
CSS variables
:root {
--color-1: #ad2a2d; /* Cross My Heart */
--color-2: #2ba727; /* Dry Highlighter Green */
--color-3: #2138ab; /* Yuè Guāng Lán Blue */
--color-4: #d46362; /* Happy Hearts */
--color-5: #116611; /* Overgrown Temple */
}Other schemes from Cross My Heart
- Cross My Heart Complementary Color Scheme#AD2A2D#CD5C5C#22AAAA#1F7073#65DCD6
- Cross My Heart Analogous Color Scheme#A328B3#A82A70#AD2A2D#A96A28#B0AE26
- 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 triadic color schemes
- 100 Mph Triadic Color Scheme#C93F38#32CD32#243BCD#DA8C87#318F33
- Alarm Triadic Color Scheme#EC0003#00EE00#0000EE#FF5555#00A800
- Amaretto Triadic Color Scheme#AB6F60#69B076#7761AB#CEADA3#407A52
- Amore Triadic Color Scheme#AE2F48#44AA33#324AB2#DC6C84#2B7414
- Anarchist Triadic Color Scheme#DB304A#58D332#2242C7#F08497#33AA00
- Angry Tomato Triadic Color Scheme#D82029#24D427#243BCD#ED7777#1B8E13
- Annatto Triadic Color Scheme#8C5341#418C53#554488#BE8774#2B5D34
- Apple Cherry Triadic Color Scheme#F81404#09F911#1600FC#FF6E61#00AA11
- Arcade Fire Triadic Color Scheme#EE3311#16F12D#3311EE#F18870#00AA22
- Assassin’s Red Triadic Color Scheme#F60206#00F900#0804F9#FF6163#00AA00
- Autumn Fire Triadic Color Scheme#C44E4F#58D854#4455CC#DD9999#318F33
- Bacon Strips Triadic Color Scheme#DF3F32#3BDE39#243BCD#EE918D#11BB22
Questions
What colors go with Cross My Heart?
In a triadic scheme: Dry Highlighter Green (#2BA727), Yuè Guāng Lán Blue (#2138AB), Happy Hearts (#D46362), Overgrown Temple (#116611).
What is the hex code of Cross My Heart?
#AD2A2D.