Capri Analogous Color Scheme

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

#00FF40

#01F9C6

#00BFFF

#003AFF

#4400FF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Erin	`#00FF40`	0, 255, 64	135°, 100%, 50%	100, 0, 75, 0
Bright Teal	`#01F9C6`	1, 249, 198	168°, 99%, 49%	100, 0, 20, 2
Capri	`#00BFFF`	0, 191, 255	195°, 100%, 50%	100, 25, 0, 0
C64 Blue	`#003AFF`	0, 58, 255	226°, 100%, 50%	100, 77, 0, 0
Overdue Blue	`#4400FF`	68, 0, 255	256°, 100%, 50%	73, 100, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #00FF40 on #4400FF	5.72:1	AA
Aa #01F9C6 on #4400FF	5.71:1	AA
Aa #00FF40 on #003AFF	5.04:1	AA
Aa #01F9C6 on #003AFF	5.04:1	AA
Aa #00BFFF on #4400FF	3.68:1	AA large
Aa #00BFFF on #003AFF	3.25:1	AA large

CSS variables

:root {
  --color-1: #00ff40; /* Erin */
  --color-2: #01f9c6; /* Bright Teal */
  --color-3: #00bfff; /* Capri */
  --color-4: #003aff; /* C64 Blue */
  --color-5: #4400ff; /* Overdue Blue */
}

Other schemes from Capri

More Medium Blue analogous palettes

Questions

What colors go with Capri?

In a analogous scheme: Erin (#00FF40), Bright Teal (#01F9C6), C64 Blue (#003AFF), Overdue Blue (#4400FF).

What is the hex code of Capri?

#00BFFF.