Chocolate Kiss Complementary Color Scheme
Five colors arranged by the complementary rule around Chocolate Kiss (#3C1421), each snapped to its nearest named color.
#3C1421
#80304C
#1A3F2C
#0F1519
#35836A
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Chocolate Kiss | #3C1421 | 60, 20, 33 | 341°, 50%, 16% | 0, 67, 45, 76 | |
| Beaujolais | #80304C | 128, 48, 76 | 339°, 45%, 35% | 0, 63, 41, 50 | |
| Mizukaze Green | #1A3F2C | 26, 63, 44 | 149°, 42%, 17% | 59, 0, 30, 75 | |
| Black Is Back | #0F1519 | 15, 21, 25 | 204°, 25%, 8% | 40, 16, 0, 90 | |
| Dream Green | #35836A | 53, 131, 106 | 161°, 42%, 36% | 60, 0, 19, 49 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0F1519 on #35836A | 4.03:1 | AA large |
| Aa #3C1421 on #35836A | 3.50:1 | AA large |
| Aa #1A3F2C on #35836A | 2.57:1 | — |
| Aa #80304C on #0F1519 | 2.14:1 | — |
| Aa #80304C on #35836A | 1.88:1 | — |
| Aa #3C1421 on #80304C | 1.86:1 | — |
CSS variables
:root {
--color-1: #3c1421; /* Chocolate Kiss */
--color-2: #80304c; /* Beaujolais */
--color-3: #1a3f2c; /* Mizukaze Green */
--color-4: #0f1519; /* Black Is Back */
--color-5: #35836a; /* Dream Green */
}Other schemes from Chocolate Kiss
- Chocolate Kiss Analogous Color Scheme#2E183B#391531#3C1421#3A181A#36310D
- Chocolate Kiss Triadic Color Scheme#3C1421#223311#18233D#882D4C#0F180A
- Chocolate Kiss Split-complementary Color Scheme#3C1421#0F380F#11353F#150811#2F7532
- Chocolate Kiss Tetradic Color Scheme#3C1421#3C3910#1A3F2C#1C0F33#882D4C
- Chocolate Kiss Monochromatic Color Scheme#150811#150811#3C1421#752745#AB3560
More Very Dark Pink complementary palettes
- Bats Cloak Complementary Color Scheme#1F1518#5A3940#12221D#0F1012#366254
- Belladonna Complementary Color Scheme#220011#730039#002211#0F180A#008543
- Black Cherry Complementary Color Scheme#2C1620#69354F#142D25#0F1012#3E6F58
- Black Sabbath Complementary Color Scheme#220022#660077#002200#031602#008800
- Black-Hearted Complementary Color Scheme#3E1825#80304C#1A3F2C#0F1012#35836A
- Blackberry Complementary Color Scheme#43182F#90305D#17462E#0F180A#348A5D
- Cloak and Dagger Complementary Color Scheme#550055#B300B3#005500#031602#00BB00
- Cosmic Explorer Complementary Color Scheme#551155#AA22AA#115511#031602#2BA727
- Creatures of the Night Complementary Color Scheme#3B193F#733380#12390D#0F180A#3D8B37
- Dark Prom Queen Complementary Color Scheme#2B0F2E#662277#112A12#0F180A#2E7D32
- Dark Purple Complementary Color Scheme#35063E#720B98#12390D#031602#229911
- Dark Sanctuary Complementary Color Scheme#3F012C#9E0168#003311#031602#00AA33
Questions
What colors go with Chocolate Kiss?
In a complementary scheme: Beaujolais (#80304C), Mizukaze Green (#1A3F2C), Black Is Back (#0F1519), Dream Green (#35836A).
What is the hex code of Chocolate Kiss?
#3C1421.