Capri Complementary Color Scheme

Five colors arranged by the complementary rule around Capri (#00BFFF), each snapped to its nearest named color.

#00BFFF

#55DDFF

#FF4200

#B52604

#FF8C69

Color names and codes

Name	HEX	RGB	HSL	CMYK
Capri	`#00BFFF`	0, 191, 255	195°, 100%, 50%	100, 25, 0, 0
Ionized-Air Glow	`#55DDFF`	85, 221, 255	192°, 100%, 67%	67, 13, 0, 0
Ultimate Orange	`#FF4200`	255, 66, 0	16°, 100%, 50%	0, 74, 100, 0
Crimson Velvet Sunset	`#B52604`	181, 38, 4	12°, 96%, 36%	0, 79, 98, 29
Salmon Orange	`#FF8C69`	255, 140, 105	14°, 100%, 71%	0, 45, 59, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #55DDFF on #B52604	4.06:1	AA large
Aa #00BFFF on #B52604	3.05:1	AA large
Aa #B52604 on #FF8C69	2.84:1	—
Aa #55DDFF on #FF4200	2.18:1	—
Aa #FF4200 on #B52604	1.86:1	—
Aa #00BFFF on #FF4200	1.64:1	—

CSS variables

:root {
  --color-1: #00bfff; /* Capri */
  --color-2: #55ddff; /* Ionized-Air Glow */
  --color-3: #ff4200; /* Ultimate Orange */
  --color-4: #b52604; /* Crimson Velvet Sunset */
  --color-5: #ff8c69; /* Salmon Orange */
}

Other schemes from Capri

More Medium Blue complementary palettes

Questions

What colors go with Capri?

In a complementary scheme: Ionized-Air Glow (#55DDFF), Ultimate Orange (#FF4200), Crimson Velvet Sunset (#B52604), Salmon Orange (#FF8C69).

What is the hex code of Capri?

#00BFFF.