Caviar Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Caviar (#2B2C30), each snapped to its nearest named color.
#2B2C30
#3B2820
#333322
#0B0C14
#694D3D
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Caviar | #2B2C30 | 43, 44, 48 | 228°, 5%, 18% | 10, 8, 0, 81 | |
| Tree House | #3B2820 | 59, 40, 32 | 18°, 30%, 18% | 0, 32, 46, 77 | |
| Fuchsia Berries | #333322 | 51, 51, 34 | 60°, 20%, 17% | 0, 0, 33, 80 | |
| Midnight Oil | #0B0C14 | 11, 12, 20 | 233°, 29%, 6% | 45, 40, 0, 92 | |
| Deep Umber | #694D3D | 105, 77, 61 | 22°, 27%, 33% | 0, 27, 42, 59 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0B0C14 on #694D3D | 2.53:1 | — |
| Aa #2B2C30 on #694D3D | 1.81:1 | — |
| Aa #3B2820 on #694D3D | 1.81:1 | — |
| Aa #333322 on #694D3D | 1.67:1 | — |
| Aa #333322 on #0B0C14 | 1.52:1 | — |
| Aa #3B2820 on #0B0C14 | 1.40:1 | — |
CSS variables
:root {
--color-1: #2b2c30; /* Caviar */
--color-2: #3b2820; /* Tree House */
--color-3: #333322; /* Fuchsia Berries */
--color-4: #0b0c14; /* Midnight Oil */
--color-5: #694d3d; /* Deep Umber */
}Other schemes from Caviar
- Caviar Complementary Color Scheme#2B2C30#445172#3C3523#12110E#777146
- Caviar Analogous Color Scheme#203838#24313D#2B2C30#262335#352235
- Caviar Triadic Color Scheme#2B2C30#3C2126#253529#4C5079#130D0D
- Caviar Tetradic Color Scheme#2B2C30#3C2233#3C3523#20392C#4C5079
- Caviar Monochromatic Color Scheme#0F0F0F#0F0F0F#2B2C30#4F5156#747582
More Very Dark Gray split-complementary palettes
- Anthracite Split-complementary Color Scheme#28282D#342C21#2E3222#0B0C14#61513D
- Aztec Split-complementary Color Scheme#293432#3C2233#372B25#0F1012#6C445B
- Bitter Liquorice Split-complementary Color Scheme#262926#2E183B#3B1F23#051009#4A3C62
- Carbon Fibre Split-complementary Color Scheme#2E2E2E#20392C#272F38#130D0D#3E6655
- Dark Charcoal Split-complementary Color Scheme#333232#2B3F36#24313D#130D0D#416858
- Darth Vader Split-complementary Color Scheme#27252A#2F2E1F#2F2E1F#0B0C14#665A38
- Diesel Split-complementary Color Scheme#322C2B#20392C#272A3B#130D0D#416858
- Dire Wolf Split-complementary Color Scheme#282828#1B3427#1B2632#130D0D#38614C
- Graphite Black Split-complementary Color Scheme#262A2B#3B1F23#362C1D#0F1012#643B46
- Haiti Split-complementary Color Scheme#2C2A35#3C3523#2C3D28#0B0C14#665E43
- Holy Crow Split-complementary Color Scheme#332F2C#203838#21263A#130D0D#456B67
- Ink Black Split-complementary Color Scheme#252024#1B2B1B#162825#150811#415B36
Questions
What colors go with Caviar?
In a split-complementary scheme: Tree House (#3B2820), Fuchsia Berries (#333322), Midnight Oil (#0B0C14), Deep Umber (#694D3D).
What is the hex code of Caviar?
#2B2C30.