Deep Sky Blue (CSS) Triadic Color Scheme
Five colors arranged by the triadic rule around Deep Sky Blue (CSS) (#00BFFF), each snapped to its nearest named color.
#00BFFF
#FF00BB
#BFFF00
#66DDFF
#BB0088
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 | |
| Brutal Pink | #FF00BB | 255, 0, 187 | 316°, 100%, 50% | 0, 100, 27, 0 | 66.7% 0.284 345 | |
| Limoncello | #BFFF00 | 191, 255, 0 | 75°, 100%, 50% | 25, 0, 100, 0 | 92.2% 0.234 126 | |
| Athena Blue | #66DDFF | 102, 221, 255 | 193°, 100%, 70% | 60, 13, 0, 0 | 84.2% 0.116 219 | |
| Vibrant Velvet | #BB0088 | 187, 0, 136 | 316°, 100%, 37% | 0, 100, 27, 27 | 52.8% 0.225 345 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BFFF00 on #BB0088 | 5.05:1 | AA |
| Aa #66DDFF on #BB0088 | 3.85:1 | AA large |
| Aa #FF00BB on #BFFF00 | 2.93:1 | — |
| Aa #00BFFF on #BB0088 | 2.85:1 | — |
| Aa #FF00BB on #66DDFF | 2.24:1 | — |
| Aa #00BFFF on #BFFF00 | 1.77:1 | — |
CSS variables
:root {
--color-1: #00bfff; /* Deep Sky Blue (CSS) */
--color-2: #ff00bb; /* Brutal Pink */
--color-3: #bfff00; /* Limoncello */
--color-4: #66ddff; /* Athena Blue */
--color-5: #bb0088; /* Vibrant Velvet */
}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) Split-complementary Color Scheme#00BFFF#FF0044#FCC200#0088B0#F54D79
- Deep Sky Blue (CSS) Tetradic Color Scheme#00BFFF#BF00FF#FF4200#3FFF00#66DDFF
- Deep Sky Blue (CSS) Monochromatic Color Scheme#004D67#0088B0#00BFFF#4CD5FF#99EEFF
More medium blue triadic color schemes
- Admiral Blue Triadic Color Scheme#50647F#854C65#648251#819AB1#513439
- Aster Triadic Color Scheme#867BA9#B18377#76AD83#BAB8D3#885D53
- Azure Triadic Color Scheme#007FFF#FF007F#7FFF00#77B5FE#AA0055
- 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
Questions
What colors go with Deep Sky Blue (CSS)?
In a triadic scheme: Brutal Pink (#FF00BB), Limoncello (#BFFF00), Athena Blue (#66DDFF), Vibrant Velvet (#BB0088).
What is the hex code of Deep Sky Blue (CSS)?
#00BFFF.