Deep Sky Blue (CSS) Tetradic Color Scheme
Five colors arranged by the tetradic rule around Deep Sky Blue (CSS) (#00BFFF), each snapped to its nearest named color.
#00BFFF
#BF00FF
#FF4200
#3FFF00
#66DDFF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Deep Sky Blue (CSS) | #00BFFF | 0, 191, 255 | 195°, 100%, 50% | 100, 25, 0, 0 | 75.5% 0.153 232 | |
| Electric Purple | #BF00FF | 191, 0, 255 | 285°, 100%, 50% | 25, 100, 0, 0 | 60.9% 0.303 313 | |
| Ultimate Orange | #FF4200 | 255, 66, 0 | 16°, 100%, 50% | 0, 74, 100, 0 | 65.8% 0.231 35 | |
| Harlequin | #3FFF00 | 63, 255, 0 | 105°, 100%, 50% | 75, 0, 100, 0 | 87.2% 0.287 141 | |
| Athena Blue | #66DDFF | 102, 221, 255 | 193°, 100%, 70% | 60, 13, 0, 0 | 84.2% 0.116 219 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BF00FF on #3FFF00 | 3.33:1 | AA large |
| Aa #BF00FF on #66DDFF | 2.87:1 | — |
| Aa #FF4200 on #3FFF00 | 2.57:1 | — |
| Aa #FF4200 on #66DDFF | 2.21:1 | — |
| Aa #00BFFF on #BF00FF | 2.12:1 | — |
| Aa #00BFFF on #FF4200 | 1.64:1 | — |
CSS variables
:root {
--color-1: #00bfff; /* Deep Sky Blue (CSS) */
--color-2: #bf00ff; /* Electric Purple */
--color-3: #ff4200; /* Ultimate Orange */
--color-4: #3fff00; /* Harlequin */
--color-5: #66ddff; /* Athena Blue */
}Other schemes from Deep Sky Blue (CSS)
- Deep Sky Blue (CSS) Complementary Color Scheme#00BFFF#55DDFF#FF4200#B52604#FF8C69
- Deep Sky Blue (CSS) Analogous Color Scheme#00FF40#01F9C6#00BFFF#003AFF#4400FF
- Deep Sky Blue (CSS) Triadic Color Scheme#00BFFF#FF00BB#BFFF00#66DDFF#BB0088
- Deep Sky Blue (CSS) Split-complementary Color Scheme#00BFFF#FF0044#FCC200#0088B0#F54D79
- Deep Sky Blue (CSS) Monochromatic Color Scheme#004D67#0088B0#00BFFF#4CD5FF#99EEFF
More medium blue tetradic color schemes
- Admiral Blue Tetradic Color Scheme#50647F#834D7C#836B4F#498555#819AB1
- Aster Tetradic Color Scheme#867BA9#AA7982#A4AE77#7DB39E#BAB8D3
- Azure Tetradic Color Scheme#007FFF#FF00FF#FF8400#00FF00#77B5FE
- 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
Questions
What colors go with Deep Sky Blue (CSS)?
In a tetradic scheme: Electric Purple (#BF00FF), Ultimate Orange (#FF4200), Harlequin (#3FFF00), Athena Blue (#66DDFF).
What is the hex code of Deep Sky Blue (CSS)?
#00BFFF.