Vibrant Blue Complementary Color Scheme

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

#0339F8

#4E7FFF

#FAC205

#A88905

#FFDB67

Color names and codes

Name	HEX	RGB	HSL	CMYK
Vibrant Blue	`#0339F8`	3, 57, 248	227°, 98%, 49%	99, 77, 0, 3
C64 NTSC	`#4E7FFF`	78, 127, 255	223°, 100%, 65%	69, 50, 0, 0
Orange Jelly	`#FAC205`	250, 194, 5	46°, 96%, 50%	0, 22, 98, 2
Strong Mustard	`#A88905`	168, 137, 5	49°, 94%, 34%	0, 18, 97, 34
Sunrose Yellow	`#FFDB67`	255, 219, 103	46°, 100%, 70%	0, 14, 60, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #0339F8 on #FFDB67	5.29:1	AA
Aa #0339F8 on #FAC205	4.34:1	AA large
Aa #4E7FFF on #FFDB67	2.68:1	—
Aa #A88905 on #FFDB67	2.49:1	—
Aa #4E7FFF on #FAC205	2.20:1	—
Aa #0339F8 on #A88905	2.12:1	—

CSS variables

:root {
  --color-1: #0339f8; /* Vibrant Blue */
  --color-2: #4e7fff; /* C64 NTSC */
  --color-3: #fac205; /* Orange Jelly */
  --color-4: #a88905; /* Strong Mustard */
  --color-5: #ffdb67; /* Sunrose Yellow */
}

Other schemes from Vibrant Blue

More Medium Blue complementary palettes

Questions

What colors go with Vibrant Blue?

In a complementary scheme: C64 NTSC (#4E7FFF), Orange Jelly (#FAC205), Strong Mustard (#A88905), Sunrose Yellow (#FFDB67).

What is the hex code of Vibrant Blue?

#0339F8.