Cinder Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Cinder (#242A2E), each snapped to its nearest named color.
#242A2E
#3B1F23
#2F2E1F
#0F1012
#653A3D
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cinder | #242A2E | 36, 42, 46 | 204°, 12%, 16% | 22, 9, 0, 82 | |
| Warm Balaclavas Are Forever | #3B1F23 | 59, 31, 35 | 351°, 31%, 18% | 0, 47, 41, 77 | |
| Metal Construction Green | #2F2E1F | 47, 46, 31 | 56°, 21%, 15% | 0, 2, 34, 82 | |
| Ruined Smores | #0F1012 | 15, 16, 18 | 220°, 9%, 6% | 17, 11, 0, 93 | |
| Royal Garnet | #653A3D | 101, 58, 61 | 356°, 27%, 31% | 0, 43, 40, 60 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0F1012 on #653A3D | 2.02:1 | — |
| Aa #3B1F23 on #653A3D | 1.58:1 | — |
| Aa #242A2E on #653A3D | 1.54:1 | — |
| Aa #2F2E1F on #653A3D | 1.45:1 | — |
| Aa #2F2E1F on #0F1012 | 1.39:1 | — |
| Aa #242A2E on #0F1012 | 1.31:1 | — |
CSS variables
:root {
--color-1: #242a2e; /* Cinder */
--color-2: #3b1f23; /* Warm Balaclavas Are Forever */
--color-3: #2f2e1f; /* Metal Construction Green */
--color-4: #0f1012; /* Ruined Smores */
--color-5: #653a3d; /* Royal Garnet */
}Other schemes from Cinder
- Cinder Complementary Color Scheme#242A2E#435A6F#35281E#130D0D#745947
- Cinder Analogous Color Scheme#1B3427#193232#242A2E#1F2133#281F3F
- Cinder Triadic Color Scheme#242A2E#3B1F23#2F2E1F#466174#130D0D
- Cinder Tetradic Color Scheme#242A2E#2E183B#35281E#2F2E1F#466174
- Cinder Monochromatic Color Scheme#0F1012#0F1012#242A2E#465058#687783
More Very Dark Blue split-complementary palettes
- Astral Nomad Split-complementary Color Scheme#203943#482029#423921#0F1012#773644
- Azulado Split-complementary Color Scheme#211D49#4E3E1F#2F441F#080813#886037
- Beyond the Stars Split-complementary Color Scheme#0A3251#551111#544E03#0B0F1A#9B111E
- Black Pearl Split-complementary Color Scheme#1E272C#351E1C#2F2E1F#0F1012#5F383C
- Black Velvet Split-complementary Color Scheme#222233#342C21#2E3222#0B0C14#61513D
- Blue Whale Split-complementary Color Scheme#1E3442#4C1C24#4E3E1F#0F1012#73383C
- Corbeau Split-complementary Color Scheme#111122#231712#172713#0B0C14#55422B
- Dark Split-complementary Color Scheme#1B2431#351E1C#2F2E1F#0B0C14#613936
- Dark Eclipse Split-complementary Color Scheme#112244#471C0F#304112#060B14#803020
- Dark Knight Split-complementary Color Scheme#151931#351F19#223311#0B0C14#67422D
- Dark Soul Split-complementary Color Scheme#112255#552211#48531A#01081C#9B351B
- Deadly Depths Split-complementary Color Scheme#111144#4A290D#304112#090615#885522
Questions
What colors go with Cinder?
In a split-complementary scheme: Warm Balaclavas Are Forever (#3B1F23), Metal Construction Green (#2F2E1F), Ruined Smores (#0F1012), Royal Garnet (#653A3D).
What is the hex code of Cinder?
#242A2E.