Brutally Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Brutally Blue (#0022DD), each snapped to its nearest named color.
#0022DD
#DC4D01
#89DD01
#011993
#FF7124
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Brutally Blue | #0022DD | 0, 34, 221 | 231°, 100%, 43% | 100, 85, 0, 13 | 42.6% 0.267 264 | |
| Deep Orange | #DC4D01 | 220, 77, 1 | 21°, 99%, 43% | 0, 65, 100, 14 | 61.0% 0.191 40 | |
| Electric Leaf | #89DD01 | 137, 221, 1 | 83°, 99%, 44% | 38, 0, 100, 13 | 81.2% 0.224 132 | |
| Bright Midnight | #011993 | 1, 25, 147 | 230°, 99%, 29% | 99, 83, 0, 42 | 32.2% 0.193 264 | |
| Burning Orange | #FF7124 | 255, 113, 36 | 21°, 100%, 57% | 0, 56, 86, 0 | 71.1% 0.192 44 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #89DD01 on #011993 | 7.94:1 | AAA |
| Aa #0022DD on #89DD01 | 5.46:1 | AA |
| Aa #011993 on #FF7124 | 4.89:1 | AA |
| Aa #0022DD on #FF7124 | 3.36:1 | AA large |
| Aa #DC4D01 on #011993 | 3.27:1 | AA large |
| Aa #DC4D01 on #89DD01 | 2.43:1 | — |
CSS variables
:root {
--color-1: #0022dd; /* Brutally Blue */
--color-2: #dc4d01; /* Deep Orange */
--color-3: #89dd01; /* Electric Leaf */
--color-4: #011993; /* Bright Midnight */
--color-5: #ff7124; /* Burning Orange */
}Other schemes from Brutally Blue
- Brutally Blue Complementary Color Scheme#0022DD#265EF7#DDBB00#937C00#F1E346
- Brutally Blue Analogous Color Scheme#04D8B2#0093D6#0022DD#4411DD#BB00DD
- Brutally Blue Triadic Color Scheme#0022DD#DD0022#22DD00#4466FF#960117
- Brutally Blue Tetradic Color Scheme#0022DD#DD0088#DDBB00#0BDA51#4466FF
- Brutally Blue Monochromatic Color Scheme#000B44#011993#0022DD#2D47FF#7A81FF
More medium blue split-complementary color schemes
- 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 Brutally Blue?
In a split-complementary scheme: Deep Orange (#DC4D01), Electric Leaf (#89DD01), Bright Midnight (#011993), Burning Orange (#FF7124).
What is the hex code of Brutally Blue?
#0022DD.