Chocolate Kiss Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Chocolate Kiss (#3C1421), each snapped to its nearest named color.
#3C1421
#0F380F
#11353F
#150811
#2F7532
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Chocolate Kiss | #3C1421 | 60, 20, 33 | 341°, 50%, 16% | 0, 67, 45, 76 | |
| Gameboy Contrast | #0F380F | 15, 56, 15 | 120°, 58%, 14% | 73, 0, 73, 78 | |
| Firmament Blue | #11353F | 17, 53, 63 | 193°, 58%, 16% | 73, 16, 0, 75 | |
| Noir Fiction | #150811 | 21, 8, 17 | 318°, 45%, 6% | 0, 62, 19, 92 | |
| Japanese Laurel | #2F7532 | 47, 117, 50 | 123°, 43%, 32% | 60, 0, 57, 54 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #150811 on #2F7532 | 3.45:1 | AA large |
| Aa #3C1421 on #2F7532 | 2.82:1 | — |
| Aa #0F380F on #2F7532 | 2.33:1 | — |
| Aa #11353F on #2F7532 | 2.31:1 | — |
| Aa #11353F on #150811 | 1.49:1 | — |
| Aa #0F380F on #150811 | 1.48:1 | — |
CSS variables
:root {
--color-1: #3c1421; /* Chocolate Kiss */
--color-2: #0f380f; /* Gameboy Contrast */
--color-3: #11353f; /* Firmament Blue */
--color-4: #150811; /* Noir Fiction */
--color-5: #2f7532; /* Japanese Laurel */
}Other schemes from Chocolate Kiss
- Chocolate Kiss Complementary Color Scheme#3C1421#80304C#1A3F2C#0F1519#35836A
- Chocolate Kiss Analogous Color Scheme#2E183B#391531#3C1421#3A181A#36310D
- Chocolate Kiss Triadic Color Scheme#3C1421#223311#18233D#882D4C#0F180A
- Chocolate Kiss Tetradic Color Scheme#3C1421#3C3910#1A3F2C#1C0F33#882D4C
- Chocolate Kiss Monochromatic Color Scheme#150811#150811#3C1421#752745#AB3560
More Very Dark Pink split-complementary palettes
- Bats Cloak Split-complementary Color Scheme#1F1518#112211#1C1E21#130D0D#2E4E36
- Belladonna Split-complementary Color Scheme#220011#002200#002222#180614#006800
- Black Cherry Split-complementary Color Scheme#2C1620#1B2B1B#0F282F#150811#305D35
- Black Sabbath Split-complementary Color Scheme#220022#112200#002211#1F0B1E#376D03
- Black-Hearted Split-complementary Color Scheme#3E1825#0F380F#1D393C#150811#2F7532
- Blackberry Split-complementary Color Scheme#43182F#1C401F#184343#150811#2E7D32
- Cloak and Dagger Split-complementary Color Scheme#550055#335500#005228#1F0B1E#50A400
- Cosmic Explorer Split-complementary Color Scheme#551155#35530A#165B31#180614#549019
- Creatures of the Night Split-complementary Color Scheme#3B193F#363E1D#1A3F2C#180614#517933
- Dark Prom Queen Split-complementary Color Scheme#2B0F2E#223311#0D2E1C#180614#526525
- Dark Purple Split-complementary Color Scheme#35063E#373E02#0F380F#180614#568203
- Dark Sanctuary Split-complementary Color Scheme#3F012C#133700#003833#180614#118800
Questions
What colors go with Chocolate Kiss?
In a split-complementary scheme: Gameboy Contrast (#0F380F), Firmament Blue (#11353F), Noir Fiction (#150811), Japanese Laurel (#2F7532).
What is the hex code of Chocolate Kiss?
#3C1421.