Azure Tetradic Color Scheme
Five colors arranged by the tetradic rule around Azure (#007FFF), each snapped to its nearest named color.
#007FFF
#FF00FF
#FF8400
#00FF00
#77B5FE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Azure | #007FFF | 0, 127, 255 | 210°, 100%, 50% | 100, 50, 0, 0 | |
| Magenta | #FF00FF | 255, 0, 255 | 300°, 100%, 50% | 0, 100, 0, 0 | |
| The New Black | #FF8400 | 255, 132, 0 | 31°, 100%, 50% | 0, 48, 100, 0 | |
| Green | #00FF00 | 0, 255, 0 | 120°, 100%, 50% | 100, 0, 100, 0 | |
| French Sky Blue | #77B5FE | 119, 181, 254 | 212°, 99%, 73% | 53, 29, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #007FFF on #00FF00 | 2.79:1 | — |
| Aa #FF00FF on #00FF00 | 2.29:1 | — |
| Aa #007FFF on #77B5FE | 1.79:1 | — |
| Aa #FF8400 on #00FF00 | 1.79:1 | — |
| Aa #007FFF on #FF8400 | 1.56:1 | — |
| Aa #00FF00 on #77B5FE | 1.56:1 | — |
CSS variables
:root {
--color-1: #007fff; /* Azure */
--color-2: #ff00ff; /* Magenta */
--color-3: #ff8400; /* The New Black */
--color-4: #00ff00; /* Green */
--color-5: #77b5fe; /* French Sky Blue */
}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 Split-complementary Color Scheme#007FFF#FF0000#FEFF00#095BAF#FF474C
- Azure Monochromatic Color Scheme#003366#095BAF#007FFF#55AAFF#99CCFF
More Medium Blue tetradic palettes
- Admiral Blue Tetradic Color Scheme#50647F#834D7C#836B4F#498555#819AB1
- Aster Tetradic Color Scheme#867BA9#AA7982#A4AE77#7DB39E#BAB8D3
- Bay View Tetradic Color Scheme#6A819E#A46A95#A68966#72A86A#A6B3C9
- Beach View Tetradic Color Scheme#4F7694#8B4F90#936B4F#538F4E#88AAC4
- Bellflower Tetradic Color Scheme#5D66AA#AC5D91#B3A156#5FA778#A3A7CC
- Blasphemous Blue Tetradic Color Scheme#3356AA#B53389#AA8833#39AD48#7391CC
- Blue Tetradic Color Scheme#0000FF#FF0080#FFFF00#04F489#6666FF
- Blue Burst Tetradic Color Scheme#309CD0#BE2BDF#CD632A#58D332#80C1E2
- Blue Overdose Tetradic Color Scheme#0020EF#EE0099#EFD100#11EE55#5566FF
- Blue Ribbon Tetradic Color Scheme#0066FF#FF08E8#FF9900#00FF11#77AAFF
- Blue Triumph Tetradic Color Scheme#4376AB#A442A0#AB7741#41A94F#84A7CE
- Bluebell Tetradic Color Scheme#333399#993366#929637#319B64#6F6ED1
Questions
What colors go with Azure?
In a tetradic scheme: Magenta (#FF00FF), The New Black (#FF8400), Green (#00FF00), French Sky Blue (#77B5FE).
What is the hex code of Azure?
#007FFF.