Caviar Complementary Color Scheme

Five colors arranged by the complementary rule around Caviar (#2B2C30), each snapped to its nearest named color.

#2B2C30

#445172

#3C3523

#12110E

#777146

Color names and codes

Name	HEX	RGB	HSL	CMYK
Caviar	`#2B2C30`	43, 44, 48	228°, 5%, 18%	10, 8, 0, 81
Astronaut	`#445172`	68, 81, 114	223°, 25%, 36%	40, 29, 0, 55
Devlan Mud Wash	`#3C3523`	60, 53, 35	43°, 26%, 19%	0, 12, 42, 76
Sinister	`#12110E`	18, 17, 14	45°, 13%, 6%	0, 6, 22, 93
Vineyard View	`#777146`	119, 113, 70	53°, 26%, 37%	0, 5, 41, 53

Which pairs work for text

Text on background	Contrast	WCAG
Aa #12110E on #777146	3.81:1	AA large
Aa #2B2C30 on #777146	2.81:1	—
Aa #3C3523 on #777146	2.45:1	—
Aa #445172 on #12110E	2.40:1	—
Aa #2B2C30 on #445172	1.77:1	—
Aa #445172 on #777146	1.59:1	—

CSS variables

:root {
  --color-1: #2b2c30; /* Caviar */
  --color-2: #445172; /* Astronaut */
  --color-3: #3c3523; /* Devlan Mud Wash */
  --color-4: #12110e; /* Sinister */
  --color-5: #777146; /* Vineyard View */
}

Other schemes from Caviar

More Very Dark Gray complementary palettes

Questions

What colors go with Caviar?

In a complementary scheme: Astronaut (#445172), Devlan Mud Wash (#3C3523), Sinister (#12110E), Vineyard View (#777146).

What is the hex code of Caviar?

#2B2C30.