Brown Sugar Triadic Color Scheme

Five colors arranged by the triadic rule around Brown Sugar (#AB764E), each snapped to its nearest named color.

#AB764E

#4CA973

#7851A9

#CEAB90

#387B54

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Brown Sugar	`#AB764E`	171, 118, 78	26°, 37%, 49%	0, 31, 54, 33	61.1% 0.087 57
Sēn Lín Lǜ Forest	`#4CA973`	76, 169, 115	145°, 38%, 48%	55, 0, 32, 34	66.4% 0.120 156
Royal Lavender	`#7851A9`	120, 81, 169	267°, 35%, 49%	29, 52, 0, 34	51.8% 0.138 302
Beach Boardwalk	`#CEAB90`	206, 171, 144	26°, 39%, 69%	0, 17, 30, 19	76.5% 0.055 59
Amazon	`#387B54`	56, 123, 84	145°, 37%, 35%	54, 0, 32, 52	52.8% 0.093 156

Which pairs work for text

Text on background	Contrast	WCAG
Aa #7851A9 on #CEAB90	2.78:1	—
Aa #CEAB90 on #387B54	2.39:1	—
Aa #4CA973 on #7851A9	2.04:1	—
Aa #AB764E on #CEAB90	1.81:1	—
Aa #4CA973 on #387B54	1.75:1	—
Aa #AB764E on #7851A9	1.53:1	—

CSS variables

:root {
  --color-1: #ab764e; /* Brown Sugar */
  --color-2: #4ca973; /* Sēn Lín Lǜ Forest */
  --color-3: #7851a9; /* Royal Lavender */
  --color-4: #ceab90; /* Beach Boardwalk */
  --color-5: #387b54; /* Amazon */
}

Other schemes from Brown Sugar

More medium orange triadic color schemes

Questions

What colors go with Brown Sugar?

In a triadic scheme: Sēn Lín Lǜ Forest (#4CA973), Royal Lavender (#7851A9), Beach Boardwalk (#CEAB90), Amazon (#387B54).

What is the hex code of Brown Sugar?

#AB764E.