Rare Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Rare Blue (#0044FF), each snapped to its nearest named color.
#0044FF
#FF3800
#C0FF00
#0033BB
#FF724C
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Rare Blue | #0044FF | 0, 68, 255 | 224°, 100%, 50% | 100, 73, 0, 0 | 50.7% 0.277 264 | |
| Coquelicot | #FF3800 | 255, 56, 0 | 13°, 100%, 50% | 0, 78, 100, 0 | 65.0% 0.238 33 | |
| French Lime | #C0FF00 | 192, 255, 0 | 75°, 100%, 50% | 25, 0, 100, 0 | 92.3% 0.234 126 | |
| Blue Screen of Death | #0033BB | 0, 51, 187 | 224°, 100%, 37% | 100, 73, 0, 27 | 40.7% 0.215 263 | |
| Pinkish Orange | #FF724C | 255, 114, 76 | 13°, 100%, 65% | 0, 55, 70, 0 | 71.6% 0.181 36 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C0FF00 on #0033BB | 8.01:1 | AAA |
| Aa #0044FF on #C0FF00 | 5.36:1 | AA |
| Aa #0033BB on #FF724C | 3.54:1 | AA large |
| Aa #FF3800 on #C0FF00 | 3.02:1 | AA large |
| Aa #FF3800 on #0033BB | 2.66:1 | — |
| Aa #0044FF on #FF724C | 2.37:1 | — |
CSS variables
:root {
--color-1: #0044ff; /* Rare Blue */
--color-2: #ff3800; /* Coquelicot */
--color-3: #c0ff00; /* French Lime */
--color-4: #0033bb; /* Blue Screen of Death */
--color-5: #ff724c; /* Pinkish Orange */
}Other schemes from Rare Blue
- Rare Blue Complementary Color Scheme#0044FF#5588FF#FFBB00#BB8800#FFD766
- Rare Blue Analogous Color Scheme#00FFBB#00CCFF#0044FF#3F00FF#BB00FF
- Rare Blue Triadic Color Scheme#0044FF#FF0044#4AFF00#6688FF#AC0132
- Rare Blue Tetradic Color Scheme#0044FF#FF00CC#FFBB00#00FF33#6688FF
- Rare Blue Monochromatic Color Scheme#001166#0033BB#0044FF#4E7FFF#99BBFF
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 Rare Blue?
In a split-complementary scheme: Coquelicot (#FF3800), French Lime (#C0FF00), Blue Screen of Death (#0033BB), Pinkish Orange (#FF724C).
What is the hex code of Rare Blue?
#0044FF.