Bluerocratic Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Bluerocratic (#1F66FF), each snapped to its nearest named color.
#1F66FF
#F8481C
#D0FE1D
#024ACA
#FF8866
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Bluerocratic | #1F66FF | 31, 102, 255 | 221°, 100%, 56% | 88, 60, 0, 0 | |
| Reddish Orange | #F8481C | 248, 72, 28 | 12°, 94%, 54% | 0, 71, 89, 3 | |
| Lime Yellow | #D0FE1D | 208, 254, 29 | 72°, 99%, 55% | 18, 0, 89, 0 | |
| Flying Fish Blue | #024ACA | 2, 74, 202 | 218°, 98%, 40% | 99, 63, 0, 21 | |
| Protein High | #FF8866 | 255, 136, 102 | 13°, 100%, 70% | 0, 47, 60, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D0FE1D on #024ACA | 6.31:1 | AA |
| Aa #1F66FF on #D0FE1D | 4.06:1 | AA large |
| Aa #024ACA on #FF8866 | 3.16:1 | AA large |
| Aa #F8481C on #D0FE1D | 3.01:1 | AA large |
| Aa #F8481C on #024ACA | 2.09:1 | — |
| Aa #1F66FF on #FF8866 | 2.04:1 | — |
CSS variables
:root {
--color-1: #1f66ff; /* Bluerocratic */
--color-2: #f8481c; /* Reddish Orange */
--color-3: #d0fe1d; /* Lime Yellow */
--color-4: #024aca; /* Flying Fish Blue */
--color-5: #ff8866; /* Protein High */
}Other schemes from Bluerocratic
- Bluerocratic Complementary Color Scheme#1F66FF#77AAFF#FFB61E#CB8E00#FDD685
- Bluerocratic Analogous Color Scheme#11FFBB#11DDEE#1F66FF#5218FA#BC13FE
- Bluerocratic Triadic Color Scheme#1F66FF#FF1166#66FF11#8AADF7#D70041
- Bluerocratic Tetradic Color Scheme#1F66FF#FF1DCE#FFB61E#10F144#8AADF7
- Bluerocratic Monochromatic Color Scheme#072688#024ACA#1F66FF#6495ED#B1D1FC
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 Bluerocratic?
In a split-complementary scheme: Reddish Orange (#F8481C), Lime Yellow (#D0FE1D), Flying Fish Blue (#024ACA), Protein High (#FF8866).
What is the hex code of Bluerocratic?
#1F66FF.