Brown (CSS) Complementary Color Scheme

Five colors arranged by the complementary rule around Brown (CSS) (#A52A2A), each snapped to its nearest named color.

#A52A2A

#D55459

#27A0A8

#1C6B69

#58CFD4

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Brown (CSS)	`#A52A2A`	165, 42, 42	0°, 59%, 41%	0, 75, 75, 35	48.1% 0.160 26
Spiced Coral	`#D55459`	213, 84, 89	358°, 61%, 58%	0, 61, 58, 16	61.6% 0.163 21
Cancer Seagreen Scarab	`#27A0A8`	39, 160, 168	184°, 62%, 41%	77, 5, 0, 34	64.6% 0.101 202
Mosaic Tile	`#1C6B69`	28, 107, 105	178°, 59%, 26%	74, 0, 2, 58	48.2% 0.073 192
Blue Radiance	`#58CFD4`	88, 207, 212	182°, 59%, 59%	58, 2, 0, 17	78.9% 0.106 199

Which pairs work for text

Text on background	Contrast	WCAG
Aa #A52A2A on #58CFD4	3.81:1	AA large
Aa #1C6B69 on #58CFD4	3.36:1	AA large
Aa #A52A2A on #27A0A8	2.25:1	—
Aa #D55459 on #58CFD4	2.15:1	—
Aa #27A0A8 on #1C6B69	1.99:1	—
Aa #A52A2A on #D55459	1.77:1	—

CSS variables

:root {
  --color-1: #a52a2a; /* Brown (CSS) */
  --color-2: #d55459; /* Spiced Coral */
  --color-3: #27a0a8; /* Cancer Seagreen Scarab */
  --color-4: #1c6b69; /* Mosaic Tile */
  --color-5: #58cfd4; /* Blue Radiance */
}

Other schemes from Brown (CSS)

More medium red complementary color schemes

Questions

What colors go with Brown (CSS)?

In a complementary scheme: Spiced Coral (#D55459), Cancer Seagreen Scarab (#27A0A8), Mosaic Tile (#1C6B69), Blue Radiance (#58CFD4).

What is the hex code of Brown (CSS)?

#A52A2A.