Vibrant Blue Analogous Color Scheme

Five colors arranged by the analogous rule around Vibrant Blue (#0339F8), each snapped to its nearest named color.

#01F9C6

#00B9FB

#0339F8

#4400FF

#CB00F5

Color names and codes

Name	HEX	RGB	HSL	CMYK
Bright Teal	`#01F9C6`	1, 249, 198	168°, 99%, 49%	100, 0, 20, 2
Blue Bolt	`#00B9FB`	0, 185, 251	196°, 100%, 49%	100, 26, 0, 2
Vibrant Blue	`#0339F8`	3, 57, 248	227°, 98%, 49%	99, 77, 0, 3
Overdue Blue	`#4400FF`	68, 0, 255	256°, 100%, 50%	73, 100, 0, 0
Hot Purple	`#CB00F5`	203, 0, 245	290°, 100%, 48%	17, 100, 0, 4

Which pairs work for text

Text on background	Contrast	WCAG
Aa #01F9C6 on #4400FF	5.71:1	AA
Aa #01F9C6 on #0339F8	5.22:1	AA
Aa #00B9FB on #4400FF	3.47:1	AA large
Aa #00B9FB on #0339F8	3.17:1	AA large
Aa #01F9C6 on #CB00F5	3.16:1	AA large
Aa #00B9FB on #CB00F5	1.92:1	—

CSS variables

:root {
  --color-1: #01f9c6; /* Bright Teal */
  --color-2: #00b9fb; /* Blue Bolt */
  --color-3: #0339f8; /* Vibrant Blue */
  --color-4: #4400ff; /* Overdue Blue */
  --color-5: #cb00f5; /* Hot Purple */
}

Other schemes from Vibrant Blue

More Medium Blue analogous palettes

Questions

What colors go with Vibrant Blue?

In a analogous scheme: Bright Teal (#01F9C6), Blue Bolt (#00B9FB), Overdue Blue (#4400FF), Hot Purple (#CB00F5).

What is the hex code of Vibrant Blue?

#0339F8.