Cardinal Triadic Color Scheme
Five colors arranged by the triadic rule around Cardinal (#C41E3A), each snapped to its nearest named color.
#C41E3A
#2BC51B
#0033CC
#E76178
#328E13
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Cardinal | #C41E3A | 196, 30, 58 | 350°, 73%, 44% | 0, 85, 70, 23 | 53.1% 0.197 20 | |
| Felwood Leaves | #2BC51B | 43, 197, 27 | 114°, 76%, 44% | 78, 0, 86, 23 | 71.8% 0.232 142 | |
| Sapphire Glitter | #0033CC | 0, 51, 204 | 225°, 100%, 40% | 100, 75, 0, 20 | 42.6% 0.235 264 | |
| Cherry Static | #E76178 | 231, 97, 120 | 350°, 74%, 64% | 0, 58, 48, 9 | 66.6% 0.167 12 | |
| Cossack Green | #328E13 | 50, 142, 19 | 105°, 76%, 32% | 65, 0, 87, 44 | 57.0% 0.174 140 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #2BC51B on #0033CC | 3.88:1 | AA large |
| Aa #0033CC on #E76178 | 2.72:1 | — |
| Aa #C41E3A on #2BC51B | 2.53:1 | — |
| Aa #0033CC on #328E13 | 2.14:1 | — |
| Aa #2BC51B on #328E13 | 1.82:1 | — |
| Aa #C41E3A on #E76178 | 1.77:1 | — |
CSS variables
:root {
--color-1: #c41e3a; /* Cardinal */
--color-2: #2bc51b; /* Felwood Leaves */
--color-3: #0033cc; /* Sapphire Glitter */
--color-4: #e76178; /* Cherry Static */
--color-5: #328e13; /* Cossack Green */
}Other schemes from Cardinal
- Cardinal Complementary Color Scheme#C41E3A#E9546B#1CD3A2#17806D#6FE7DB
- Cardinal Analogous Color Scheme#A104C3#C11C84#C41E3A#C3571D#CAB012
- Cardinal Split-complementary Color Scheme#C41E3A#11CC55#188BC2#84172C#4CFF7B
- Cardinal Tetradic Color Scheme#C41E3A#88CC11#1CD3A2#5511CC#E76178
- Cardinal Monochromatic Color Scheme#3C1414#84172C#C41E3A#E24666#EF8E9F
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 Cardinal?
In a triadic scheme: Felwood Leaves (#2BC51B), Sapphire Glitter (#0033CC), Cherry Static (#E76178), Cossack Green (#328E13).
What is the hex code of Cardinal?
#C41E3A.