Pure Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Pure Blue (#0203E2), each snapped to its nearest named color.
#0203E2
#E77200
#73E608
#000099
#FF9832
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Pure Blue | #0203E2 | 2, 3, 226 | 240°, 98%, 45% | 99, 99, 0, 11 | 41.4% 0.285 264 | |
| Thai Mango | #E77200 | 231, 114, 0 | 30°, 100%, 45% | 0, 51, 100, 9 | 67.7% 0.173 52 | |
| Hypnotic Green | #73E608 | 115, 230, 8 | 91°, 93%, 47% | 50, 0, 97, 10 | 82.4% 0.243 136 | |
| Everlasting Night | #000099 | 0, 0, 153 | 240°, 100%, 30% | 100, 100, 0, 40 | 30.9% 0.214 264 | |
| Neon Carrot | #FF9832 | 255, 152, 50 | 30°, 100%, 60% | 0, 40, 80, 0 | 77.2% 0.164 60 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #73E608 on #000099 | 8.94:1 | AAA |
| Aa #000099 on #FF9832 | 6.71:1 | AA |
| Aa #0203E2 on #73E608 | 6.17:1 | AA |
| Aa #E77200 on #000099 | 4.66:1 | AA |
| Aa #0203E2 on #FF9832 | 4.63:1 | AA |
| Aa #0203E2 on #E77200 | 3.22:1 | AA large |
CSS variables
:root {
--color-1: #0203e2; /* Pure Blue */
--color-2: #e77200; /* Thai Mango */
--color-3: #73e608; /* Hypnotic Green */
--color-4: #000099; /* Everlasting Night */
--color-5: #ff9832; /* Neon Carrot */
}Other schemes from Pure Blue
- Pure Blue Complementary Color Scheme#0203E2#4444FF#E6E200#929901#FBFB4C
- Pure Blue Analogous Color Scheme#00EEEE#056EEE#0203E2#6F00FE#EE00EE
- Pure Blue Triadic Color Scheme#0203E2#E50102#00EE00#4D4DFF#980001
- Pure Blue Tetradic Color Scheme#0203E2#E40078#E6E200#0BF77D#4D4DFF
- Pure Blue Monochromatic Color Scheme#040348#000099#0203E2#3A2EFE#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 Pure Blue?
In a split-complementary scheme: Thai Mango (#E77200), Hypnotic Green (#73E608), Everlasting Night (#000099), Neon Carrot (#FF9832).
What is the hex code of Pure Blue?
#0203E2.