Vibrant Blue Triadic Color Scheme
Five colors arranged by the triadic rule around Vibrant Blue (#0339F8), each snapped to its nearest named color.
#0339F8
#FE023C
#35FA00
#6688FF
#AA0022
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Vibrant Blue | #0339F8 | 3, 57, 248 | 227°, 98%, 49% | 99, 77, 0, 3 | |
| Méi Gūi Hóng Red | #FE023C | 254, 2, 60 | 346°, 99%, 50% | 0, 99, 76, 0 | |
| Plutonium | #35FA00 | 53, 250, 0 | 107°, 100%, 49% | 79, 0, 100, 2 | |
| Deep Denim | #6688FF | 102, 136, 255 | 227°, 100%, 70% | 60, 47, 0, 0 | |
| Incarnadine | #AA0022 | 170, 0, 34 | 348°, 100%, 33% | 0, 100, 80, 33 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #35FA00 on #AA0022 | 5.43:1 | AA |
| Aa #0339F8 on #35FA00 | 5.03:1 | AA |
| Aa #FE023C on #35FA00 | 2.80:1 | — |
| Aa #6688FF on #AA0022 | 2.39:1 | — |
| Aa #35FA00 on #6688FF | 2.27:1 | — |
| Aa #0339F8 on #6688FF | 2.22:1 | — |
CSS variables
:root {
--color-1: #0339f8; /* Vibrant Blue */
--color-2: #fe023c; /* Méi Gūi Hóng Red */
--color-3: #35fa00; /* Plutonium */
--color-4: #6688ff; /* Deep Denim */
--color-5: #aa0022; /* Incarnadine */
}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 Split-complementary Color Scheme#0339F8#FE4401#ADF802#0022AA#FF7F49
- Vibrant Blue Tetradic Color Scheme#0339F8#FE01B1#FAC205#00FF40#6688FF
- Vibrant Blue Monochromatic Color Scheme#001166#0022AA#0339F8#4466FF#99AAFF
More Medium Blue triadic palettes
- Admiral Blue Triadic Color Scheme#50647F#854C65#648251#819AB1#513439
- Aster Triadic Color Scheme#867BA9#B18377#76AD83#BAB8D3#885D53
- Azure Triadic Color Scheme#007FFF#FF007F#7FFF00#77B5FE#AA0055
- Bay View Triadic Color Scheme#6A819E#A16381#85A16A#A6B3C9#75495E
- Beach View Triadic Color Scheme#4F7694#914E75#749551#88AAC4#65344E
- Bellflower Triadic Color Scheme#5D66AA#A95C68#69AC58#A3A7CC#794143
- Blasphemous Blue Triadic Color Scheme#3356AA#A53756#5CAC2D#7391CC#6E2233
- Blue Triadic Color Scheme#0000FF#FF0000#00FF00#6666FF#B30103
- Blue Burst Triadic Color Scheme#309CD0#CA2C92#9ACD32#80C1E2#992266
- Blue Overdose Triadic Color Scheme#0020EF#EE0022#33EE00#5566FF#A30112
- Blue Ribbon Triadic Color Scheme#0066FF#FF0066#66FF00#77AAFF#B00149
- Blue Triumph Triadic Color Scheme#4376AB#AD4379#78AE48#84A7CE#6F2C4F
Questions
What colors go with Vibrant Blue?
In a triadic scheme: Méi Gūi Hóng Red (#FE023C), Plutonium (#35FA00), Deep Denim (#6688FF), Incarnadine (#AA0022).
What is the hex code of Vibrant Blue?
#0339F8.