Blustering Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Blustering Blue (#4411FF), each snapped to its nearest named color.
#4411FF
#FFBB11
#55FF11
#3300CC
#FFD15C
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Blustering Blue | #4411FF | 68, 17, 255 | 253°, 100%, 53% | 73, 93, 0, 0 | |
| Bitcoin | #FFBB11 | 255, 187, 17 | 43°, 100%, 53% | 0, 27, 93, 0 | |
| Poisonous | #55FF11 | 85, 255, 17 | 103°, 100%, 53% | 67, 0, 93, 0 | |
| Busty Blue | #3300CC | 51, 0, 204 | 255°, 100%, 40% | 75, 100, 0, 20 | |
| Radler | #FFD15C | 255, 209, 92 | 43°, 100%, 68% | 0, 18, 64, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #55FF11 on #3300CC | 7.80:1 | AAA |
| Aa #3300CC on #FFD15C | 7.22:1 | AAA |
| Aa #FFBB11 on #3300CC | 6.15:1 | AA |
| Aa #4411FF on #55FF11 | 5.67:1 | AA |
| Aa #4411FF on #FFD15C | 5.24:1 | AA |
| Aa #4411FF on #FFBB11 | 4.47:1 | AA large |
CSS variables
:root {
--color-1: #4411ff; /* Blustering Blue */
--color-2: #ffbb11; /* Bitcoin */
--color-3: #55ff11; /* Poisonous */
--color-4: #3300cc; /* Busty Blue */
--color-5: #ffd15c; /* Radler */
}Other schemes from Blustering Blue
- Blustering Blue Complementary Color Scheme#4411FF#8470FF#CCFF11#9DC100#ECF474
- Blustering Blue Analogous Color Scheme#04CDFF#1155FF#4411FF#BB11FF#FC0FC0
- Blustering Blue Triadic Color Scheme#4411FF#FF4411#00FF40#9878F8#CC2200
- Blustering Blue Tetradic Color Scheme#4411FF#FF1155#CCFF11#11FFBB#9878F8
- Blustering Blue Monochromatic Color Scheme#130173#3300CC#4411FF#8855FF#B5AFFF
More Medium Blue split-complementary palettes
- Admiral Blue Split-complementary Color Scheme#50647F#814D50#7F8353#2F3F53#A97673
- Aster Split-complementary Color Scheme#867BA9#AF9C76#88AA77#5C5083#C7C0A7
- Azure Split-complementary Color Scheme#007FFF#FF0000#FEFF00#095BAF#FF474C
- Bay View Split-complementary Color Scheme#6A819E#A26766#9CA664#475877#BA9B97
- Beach View Split-complementary Color Scheme#4F7694#954C52#948F54#324C61#B7757C
- Bellflower Split-complementary Color Scheme#5D66AA#AD785C#88A95B#4B4775#C3A491
- Blasphemous Blue Split-complementary Color Scheme#3356AA#A94E37#8DA936#243F6C#CE7259
- Blue Split-complementary Color Scheme#0000FF#FF7F00#88FF00#0000BB#FFA64F
- Blue Burst Split-complementary Color Scheme#309CD0#D02B48#CEB736#256D8D#DC6C84
- Blue Overdose Split-complementary Color Scheme#0020EF#EE5500#8EFA00#0018A8#FA873D
- Blue Ribbon Split-complementary Color Scheme#0066FF#FF1500#E3FF00#0048BA#FC5A50
- Blue Triumph Split-complementary Color Scheme#4376AB#AB4343#A5A943#284C75#C97376
Questions
What colors go with Blustering Blue?
In a split-complementary scheme: Bitcoin (#FFBB11), Poisonous (#55FF11), Busty Blue (#3300CC), Radler (#FFD15C).
What is the hex code of Blustering Blue?
#4411FF.