Vibrant Blue Tetradic Color Scheme
Five colors arranged by the tetradic rule around Vibrant Blue (#0339F8), each snapped to its nearest named color.
#0339F8
#FE01B1
#FAC205
#00FF40
#6688FF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Vibrant Blue | #0339F8 | 3, 57, 248 | 227°, 98%, 49% | 99, 77, 0, 3 | |
| Pink Hysteria | #FE01B1 | 254, 1, 177 | 318°, 99%, 50% | 0, 100, 30, 0 | |
| Orange Jelly | #FAC205 | 250, 194, 5 | 46°, 96%, 50% | 0, 22, 98, 2 | |
| Erin | #00FF40 | 0, 255, 64 | 135°, 100%, 50% | 100, 0, 75, 0 | |
| Deep Denim | #6688FF | 102, 136, 255 | 227°, 100%, 70% | 60, 47, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0339F8 on #00FF40 | 5.22:1 | AA |
| Aa #0339F8 on #FAC205 | 4.34:1 | AA large |
| Aa #FE01B1 on #00FF40 | 2.63:1 | — |
| Aa #00FF40 on #6688FF | 2.35:1 | — |
| Aa #0339F8 on #6688FF | 2.22:1 | — |
| Aa #FE01B1 on #FAC205 | 2.18:1 | — |
CSS variables
:root {
--color-1: #0339f8; /* Vibrant Blue */
--color-2: #fe01b1; /* Pink Hysteria */
--color-3: #fac205; /* Orange Jelly */
--color-4: #00ff40; /* Erin */
--color-5: #6688ff; /* Deep Denim */
}Other schemes from Vibrant Blue
- Vibrant Blue Complementary Color Scheme#0339F8#4E7FFF#FAC205#A88905#FFDB67
- Vibrant Blue Analogous Color Scheme#01F9C6#00B9FB#0339F8#4400FF#CB00F5
- Vibrant Blue Triadic Color Scheme#0339F8#FE023C#35FA00#6688FF#AA0022
- Vibrant Blue Split-complementary Color Scheme#0339F8#FE4401#ADF802#0022AA#FF7F49
- Vibrant Blue Monochromatic Color Scheme#001166#0022AA#0339F8#4466FF#99AAFF
More Medium Blue tetradic palettes
- Admiral Blue Tetradic Color Scheme#50647F#834D7C#836B4F#498555#819AB1
- Aster Tetradic Color Scheme#867BA9#AA7982#A4AE77#7DB39E#BAB8D3
- Azure Tetradic Color Scheme#007FFF#FF00FF#FF8400#00FF00#77B5FE
- Bay View Tetradic Color Scheme#6A819E#A46A95#A68966#72A86A#A6B3C9
- Beach View Tetradic Color Scheme#4F7694#8B4F90#936B4F#538F4E#88AAC4
- Bellflower Tetradic Color Scheme#5D66AA#AC5D91#B3A156#5FA778#A3A7CC
- Blasphemous Blue Tetradic Color Scheme#3356AA#B53389#AA8833#39AD48#7391CC
- Blue Tetradic Color Scheme#0000FF#FF0080#FFFF00#04F489#6666FF
- Blue Burst Tetradic Color Scheme#309CD0#BE2BDF#CD632A#58D332#80C1E2
- Blue Overdose Tetradic Color Scheme#0020EF#EE0099#EFD100#11EE55#5566FF
- Blue Ribbon Tetradic Color Scheme#0066FF#FF08E8#FF9900#00FF11#77AAFF
- Blue Triumph Tetradic Color Scheme#4376AB#A442A0#AB7741#41A94F#84A7CE
Questions
What colors go with Vibrant Blue?
In a tetradic scheme: Pink Hysteria (#FE01B1), Orange Jelly (#FAC205), Erin (#00FF40), Deep Denim (#6688FF).
What is the hex code of Vibrant Blue?
#0339F8.