Barista’s Favourite Split-complementary Color Scheme

Color names and codes

Name	HEX	RGB	HSL	CMYK
Barista’s Favourite	`#BB8D4E`	187, 141, 78	35°, 44%, 52%	0, 25, 58, 27
Thalassa	`#53B1BA`	83, 177, 186	185°, 43%, 53%	55, 5, 0, 27
Swiss Plum	`#5946B2`	89, 70, 178	251°, 44%, 49%	50, 61, 0, 30
Beagle Brown	`#8D6737`	141, 103, 55	33°, 44%, 38%	0, 27, 61, 45
White Ultramarine	`#83CCD2`	131, 204, 210	185°, 47%, 67%	38, 3, 0, 18

Which pairs work for text

Text on background	Contrast	WCAG
Aa #5946B2 on #83CCD2	3.92:1	AA large
Aa #53B1BA on #5946B2	2.84:1	—
Aa #8D6737 on #83CCD2	2.79:1	—
Aa #BB8D4E on #5946B2	2.39:1	—
Aa #53B1BA on #8D6737	2.03:1	—
Aa #BB8D4E on #8D6737	1.70:1	—

CSS variables

:root {
  --color-1: #bb8d4e; /* Barista’s Favourite */
  --color-2: #53b1ba; /* Thalassa */
  --color-3: #5946b2; /* Swiss Plum */
  --color-4: #8d6737; /* Beagle Brown */
  --color-5: #83ccd2; /* White Ultramarine */
}

Other schemes from Barista’s Favourite

#BB8D4E
#D4B88F
#4A79BA
#355887
#95B5DB
Barista’s Favourite Complementary Color Scheme
#B54D7F
#BB534C
#BB8D4E
#B5B94C
#7EBA4D
Barista’s Favourite Analogous Color Scheme
#BB8D4E
#51BF8A
#8547B5
#D8B998
#338860
Barista’s Favourite Triadic Color Scheme
#BB8D4E
#41B45C
#4A79BA
#BB44AA
#D8B998
Barista’s Favourite Tetradic Color Scheme
#4E3E1F
#8D6737
#BB8D4E
#D2B084
#E5D4BE
Barista’s Favourite Monochromatic Color Scheme

More Medium Orange split-complementary palettes

Questions

What colors go with Barista’s Favourite?

In a split-complementary scheme: Thalassa (#53B1BA), Swiss Plum (#5946B2), Beagle Brown (#8D6737), White Ultramarine (#83CCD2).

What is the hex code of Barista’s Favourite?

#BB8D4E.