Cute Crab Triadic Color Scheme
Five colors arranged by the triadic rule around Cute Crab (#DD4444), each snapped to its nearest named color.
#DD4444
#58D854
#4D52DE
#EE9999
#22BB22
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Cute Crab | #DD4444 | 221, 68, 68 | 0°, 69%, 57% | 0, 69, 69, 13 | 60.7% 0.190 25 | |
| Koopa Green Shell | #58D854 | 88, 216, 84 | 118°, 63%, 59% | 59, 0, 61, 15 | 78.3% 0.207 143 | |
| Dark Soft Violet | #4D52DE | 77, 82, 222 | 238°, 69%, 59% | 65, 63, 0, 13 | 52.2% 0.209 275 | |
| Funki Porcini | #EE9999 | 238, 153, 153 | 0°, 71%, 77% | 0, 36, 36, 7 | 76.8% 0.102 20 | |
| Lush Plains | #22BB22 | 34, 187, 34 | 120°, 69%, 43% | 82, 0, 82, 27 | 69.0% 0.221 143 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #58D854 on #4D52DE | 3.18:1 | AA large |
| Aa #4D52DE on #EE9999 | 2.70:1 | — |
| Aa #4D52DE on #22BB22 | 2.29:1 | — |
| Aa #DD4444 on #58D854 | 2.28:1 | — |
| Aa #DD4444 on #EE9999 | 1.94:1 | — |
| Aa #DD4444 on #22BB22 | 1.64:1 | — |
CSS variables
:root {
--color-1: #dd4444; /* Cute Crab */
--color-2: #58d854; /* Koopa Green Shell */
--color-3: #4d52de; /* Dark Soft Violet */
--color-4: #ee9999; /* Funki Porcini */
--color-5: #22bb22; /* Lush Plains */
}Other schemes from Cute Crab
- Cute Crab Complementary Color Scheme#DD4444#ED9190#55DDCC#26B7B5#99EEEE
- Cute Crab Analogous Color Scheme#DB4BDA#DD4492#DD4444#D79043#D4DE49
- Cute Crab Split-complementary Color Scheme#DD4444#5CCD97#4499DD#B42121#8BE0BA
- Cute Crab Tetradic Color Scheme#DD4444#88DD55#55DDCC#9955CC#EE9999
- Cute Crab Monochromatic Color Scheme#711518#B42121#DD4444#EA8386#F4C6C3
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 Cute Crab?
In a triadic scheme: Koopa Green Shell (#58D854), Dark Soft Violet (#4D52DE), Funki Porcini (#EE9999), Lush Plains (#22BB22).
What is the hex code of Cute Crab?
#DD4444.