Sienna (CSS) Complementary Color Scheme

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

#A0522D

#CC7E5B

#2B7DA6

#174C60

#65AECE

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Sienna (CSS)	`#A0522D`	160, 82, 45	19°, 56%, 40%	0, 49, 72, 37	52.6% 0.115 45
Apricot Brown	`#CC7E5B`	204, 126, 91	19°, 53%, 58%	0, 38, 55, 20	66.8% 0.109 45
Prominent Blue	`#2B7DA6`	43, 125, 166	200°, 59%, 41%	74, 25, 0, 35	55.9% 0.100 235
Lazurite Blue	`#174C60`	23, 76, 96	196°, 61%, 23%	76, 21, 0, 62	39.2% 0.064 227
Blue Topaz	`#65AECE`	101, 174, 206	198°, 52%, 60%	51, 16, 0, 19	71.5% 0.087 228

Which pairs work for text

Text on background	Contrast	WCAG
Aa #174C60 on #65AECE	3.80:1	AA large
Aa #CC7E5B on #174C60	2.99:1	—
Aa #A0522D on #65AECE	2.27:1	—
Aa #2B7DA6 on #174C60	2.05:1	—
Aa #2B7DA6 on #65AECE	1.85:1	—
Aa #A0522D on #CC7E5B	1.79:1	—

CSS variables

:root {
  --color-1: #a0522d; /* Sienna (CSS) */
  --color-2: #cc7e5b; /* Apricot Brown */
  --color-3: #2b7da6; /* Prominent Blue */
  --color-4: #174c60; /* Lazurite Blue */
  --color-5: #65aece; /* Blue Topaz */
}

Other schemes from Sienna (CSS)

More medium orange complementary color schemes

Questions

What colors go with Sienna (CSS)?

In a complementary scheme: Apricot Brown (#CC7E5B), Prominent Blue (#2B7DA6), Lazurite Blue (#174C60), Blue Topaz (#65AECE).

What is the hex code of Sienna (CSS)?

#A0522D.