Azure Triadic Color Scheme
Five colors arranged by the triadic rule around Azure (#007FFF), each snapped to its nearest named color.
#007FFF
#FF007F
#7FFF00
#77B5FE
#AA0055
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Azure | #007FFF | 0, 127, 255 | 210°, 100%, 50% | 100, 50, 0, 0 | |
| Rose | #FF007F | 255, 0, 127 | 330°, 100%, 50% | 0, 100, 50, 0 | |
| Radium | #7FFF00 | 127, 255, 0 | 90°, 100%, 50% | 50, 0, 100, 0 | |
| French Sky Blue | #77B5FE | 119, 181, 254 | 212°, 99%, 73% | 53, 29, 0, 0 | |
| Shy Guy Red | #AA0055 | 170, 0, 85 | 330°, 100%, 33% | 0, 100, 50, 33 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #7FFF00 on #AA0055 | 5.71:1 | AA |
| Aa #77B5FE on #AA0055 | 3.46:1 | AA large |
| Aa #007FFF on #7FFF00 | 2.96:1 | — |
| Aa #FF007F on #7FFF00 | 2.92:1 | — |
| Aa #FF007F on #AA0055 | 1.96:1 | — |
| Aa #007FFF on #AA0055 | 1.93:1 | — |
CSS variables
:root {
--color-1: #007fff; /* Azure */
--color-2: #ff007f; /* Rose */
--color-3: #7fff00; /* Radium */
--color-4: #77b5fe; /* French Sky Blue */
--color-5: #aa0055; /* Shy Guy Red */
}Other schemes from Azure
- Azure Complementary Color Scheme#007FFF#5BA8FF#FF8400#B25F03#FFB066
- Azure Analogous Color Scheme#04F489#00FFFF#007FFF#0000FF#8800FF
- Azure Split-complementary Color Scheme#007FFF#FF0000#FEFF00#095BAF#FF474C
- Azure Tetradic Color Scheme#007FFF#FF00FF#FF8400#00FF00#77B5FE
- Azure Monochromatic Color Scheme#003366#095BAF#007FFF#55AAFF#99CCFF
More Medium Blue triadic palettes
- Admiral Blue Triadic Color Scheme#50647F#854C65#648251#819AB1#513439
- Aster Triadic Color Scheme#867BA9#B18377#76AD83#BAB8D3#885D53
- Bay View Triadic Color Scheme#6A819E#A16381#85A16A#A6B3C9#75495E
- Beach View Triadic Color Scheme#4F7694#914E75#749551#88AAC4#65344E
- Bellflower Triadic Color Scheme#5D66AA#A95C68#69AC58#A3A7CC#794143
- Blasphemous Blue Triadic Color Scheme#3356AA#A53756#5CAC2D#7391CC#6E2233
- Blue Triadic Color Scheme#0000FF#FF0000#00FF00#6666FF#B30103
- Blue Burst Triadic Color Scheme#309CD0#CA2C92#9ACD32#80C1E2#992266
- Blue Overdose Triadic Color Scheme#0020EF#EE0022#33EE00#5566FF#A30112
- Blue Ribbon Triadic Color Scheme#0066FF#FF0066#66FF00#77AAFF#B00149
- Blue Triumph Triadic Color Scheme#4376AB#AD4379#78AE48#84A7CE#6F2C4F
- Bluebell Triadic Color Scheme#333399#993333#3A9234#6F6ED1#662222
Questions
What colors go with Azure?
In a triadic scheme: Rose (#FF007F), Radium (#7FFF00), French Sky Blue (#77B5FE), Shy Guy Red (#AA0055).
What is the hex code of Azure?
#007FFF.