Vibrant Blue Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Vibrant Blue (#0339F8), each snapped to its nearest named color.
#001166
#0022AA
#0339F8
#4466FF
#99AAFF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Atlantic Depths | #001166 | 0, 17, 102 | 230°, 100%, 20% | 100, 83, 0, 60 | |
| City Hunter Blue | #0022AA | 0, 34, 170 | 228°, 100%, 33% | 100, 80, 0, 33 | |
| Vibrant Blue | #0339F8 | 3, 57, 248 | 227°, 98%, 49% | 99, 77, 0, 3 | |
| Blue Titmouse | #4466FF | 68, 102, 255 | 229°, 100%, 63% | 73, 60, 0, 0 | |
| Widowmaker | #99AAFF | 153, 170, 255 | 230°, 100%, 80% | 40, 33, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #001166 on #99AAFF | 7.51:1 | AAA |
| Aa #0022AA on #99AAFF | 5.28:1 | AA |
| Aa #001166 on #4466FF | 3.61:1 | AA large |
| Aa #0339F8 on #99AAFF | 3.24:1 | AA large |
| Aa #0022AA on #4466FF | 2.54:1 | — |
| Aa #001166 on #0339F8 | 2.31:1 | — |
CSS variables
:root {
--color-1: #001166; /* Atlantic Depths */
--color-2: #0022aa; /* City Hunter Blue */
--color-3: #0339f8; /* Vibrant Blue */
--color-4: #4466ff; /* Blue Titmouse */
--color-5: #99aaff; /* Widowmaker */
}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 Tetradic Color Scheme#0339F8#FE01B1#FAC205#00FF40#6688FF
More Medium Blue monochromatic palettes
- Admiral Blue Monochromatic Color Scheme#161820#353F51#50647F#758BA4#A4B0C4
- Aster Monochromatic Color Scheme#3D3354#645681#867BA9#ADA7C8#DBD7E4
- Azure Monochromatic Color Scheme#003366#095BAF#007FFF#55AAFF#99CCFF
- Bay View Monochromatic Color Scheme#2D3544#4A5A6F#6A819E#99AABB#C7D0DA
- Beach View Monochromatic Color Scheme#1B2632#324C61#4F7694#789BB6#ACC2D1
- Bellflower Monochromatic Color Scheme#282A4A#4B4775#5D66AA#8E97C7#C2C7DB
- Blasphemous Blue Monochromatic Color Scheme#0E1D32#243F6C#3356AA#5D76CB#88ACE0
- Blue Monochromatic Color Scheme#000066#0000BB#0000FF#4D4DFF#9999FF
- Blue Burst Monochromatic Color Scheme#123D55#256D8D#309CD0#74B8DE#AED9EC
- Blue Overdose Monochromatic Color Scheme#001155#0018A8#0020EF#265EF7#8F99FB
- Blue Ribbon Monochromatic Color Scheme#002868#0048BA#0066FF#5097FC#99CCFF
- Blue Triumph Monochromatic Color Scheme#172B36#284C75#4376AB#779ECB#A8C6DE
Questions
What colors go with Vibrant Blue?
In a monochromatic scheme: Atlantic Depths (#001166), City Hunter Blue (#0022AA), Blue Titmouse (#4466FF), Widowmaker (#99AAFF).
What is the hex code of Vibrant Blue?
#0339F8.