Azure Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Azure (#007FFF), each snapped to its nearest named color.
#007FFF
#FF0000
#FEFF00
#095BAF
#FF474C
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Azure | #007FFF | 0, 127, 255 | 210°, 100%, 50% | 100, 50, 0, 0 | |
| Red | #FF0000 | 255, 0, 0 | 0°, 100%, 50% | 0, 100, 100, 0 | |
| Bat-Signal | #FEFF00 | 254, 255, 0 | 60°, 100%, 50% | 0, 0, 100, 0 | |
| Bottled Sea | #095BAF | 9, 91, 175 | 210°, 90%, 36% | 95, 48, 0, 31 | |
| Blood Burst | #FF474C | 255, 71, 76 | 358°, 100%, 64% | 0, 72, 70, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FEFF00 on #095BAF | 6.24:1 | AA |
| Aa #FF0000 on #FEFF00 | 3.72:1 | AA large |
| Aa #007FFF on #FEFF00 | 3.56:1 | AA large |
| Aa #FEFF00 on #FF474C | 3.12:1 | AA large |
| Aa #095BAF on #FF474C | 2.00:1 | — |
| Aa #007FFF on #095BAF | 1.75:1 | — |
CSS variables
:root {
--color-1: #007fff; /* Azure */
--color-2: #ff0000; /* Red */
--color-3: #feff00; /* Bat-Signal */
--color-4: #095baf; /* Bottled Sea */
--color-5: #ff474c; /* Blood Burst */
}Other schemes from Azure
- Azure Complementary Color Scheme#007FFF#5BA8FF#FF8400#B25F03#FFB066
- Azure Analogous Color Scheme#04F489#00FFFF#007FFF#0000FF#8800FF
- Azure Triadic Color Scheme#007FFF#FF007F#7FFF00#77B5FE#AA0055
- Azure Tetradic Color Scheme#007FFF#FF00FF#FF8400#00FF00#77B5FE
- Azure Monochromatic Color Scheme#003366#095BAF#007FFF#55AAFF#99CCFF
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
- 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
- Bluebell Split-complementary Color Scheme#333399#996633#629A31#222266#C08950
Questions
What colors go with Azure?
In a split-complementary scheme: Red (#FF0000), Bat-Signal (#FEFF00), Bottled Sea (#095BAF), Blood Burst (#FF474C).
What is the hex code of Azure?
#007FFF.