Scarlet Glow Complementary Color Scheme

Five colors arranged by the complementary rule around Scarlet Glow (#CB0103), each snapped to its nearest named color.

#CB0103

#FF2233

#00CCCC

#007D7C

#33FFFF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Scarlet Glow	`#CB0103`	203, 1, 3	359°, 99%, 40%	0, 100, 99, 20
In the Red	`#FF2233`	255, 34, 51	355°, 100%, 57%	0, 87, 80, 0
Tilla Kari Mosque	`#00CCCC`	0, 204, 204	180°, 100%, 40%	100, 0, 0, 20
Parasailing	`#007D7C`	0, 125, 124	180°, 100%, 25%	100, 0, 1, 51
Beaming Blue	`#33FFFF`	51, 255, 255	180°, 100%, 60%	80, 0, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #CB0103 on #33FFFF	4.76:1	AA
Aa #007D7C on #33FFFF	4.00:1	AA large
Aa #FF2233 on #33FFFF	3.05:1	AA large
Aa #CB0103 on #00CCCC	2.96:1	—
Aa #00CCCC on #007D7C	2.49:1	—
Aa #FF2233 on #00CCCC	1.90:1	—

CSS variables

:root {
  --color-1: #cb0103; /* Scarlet Glow */
  --color-2: #ff2233; /* In the Red */
  --color-3: #00cccc; /* Tilla Kari Mosque */
  --color-4: #007d7c; /* Parasailing */
  --color-5: #33ffff; /* Beaming Blue */
}

Other schemes from Scarlet Glow

More Dark Red complementary palettes

Questions

What colors go with Scarlet Glow?

In a complementary scheme: In the Red (#FF2233), Tilla Kari Mosque (#00CCCC), Parasailing (#007D7C), Beaming Blue (#33FFFF).

What is the hex code of Scarlet Glow?

#CB0103.